clear clear:right; 左侧不允许有浮动元素 clear:left; 右侧不允许有浮动元素 clear:both; 两侧不允许有浮动元素 clear:none; 解决方案 1.增加父级元素的高度 #father{ border:1px solid #000; height:800px; ...
转载
2021-08-29 16:54:00
1147阅读
2评论
CSS（11）父级边框塌陷问题
父级边框塌陷问题
clear
clear : right; 右侧不允许有浮动元素 clear : left; 左侧不允许有浮动元素 clear : both; 两侧不允许有浮动元素 clear : none;
解决方法：
1.增加父级元素的高度
#box{ width: 1500px; height: 500px; border
转载
2021-06-26 23:07:00
210阅读
2评论
相对定位和绝对定位，不改变元素的大小形状，只改变元素的位置。相对定位和绝对定位是通过position属性来控制的，position属性的值为下面几种：值描述absolute使元素绝对定位，相对于static定位以外的最近的一个祖先元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative使元素相对定位，相对于自己的正常位置进行
1、在文档流中，父元素的高度默认是被子元素撑开的，当子元素浮动以后，子元素脱离文档流，此时将导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。2、由于父元素塌陷，则父元素下的所有元素向上移动，导致页面布局混乱。3、根据w3c的标准，页面中元素都有一个隐含的属性叫Block Formatting Context简称BFC（IE6及以下版本不支持），该属性可以设置打开或关闭，默认为关闭，当开启以后
问题在使用iSroll v4插件时，无法滚动到底部，从源码得知最大滚动位置由maxScrollY决定。从源
原创
2023-06-28 14:11:38
389阅读
交集选择器 可以如何组合选择器说明.class1.class2类名和类名组合tagName.class标签和类名组合[attribute].class属性和类名组合[attribute]tagName属性和标签组合#idid 具有唯一性，组合使用没有意义子元素选择器 element element 和 element>element 区别二者都可以用来选择子元素；div span： 选择父元
解决方案： 1、增加父级元素的高度 #father{ border: 1px #000 soild; height:500px; } 2、增加一个
原创
2022-07-15 10:09:27
73阅读
当要子级相对于父级进行绝对定位的时候。要把父级position设为relative（相对定位），而子级的position设为absolute（绝对定位）；这样，子级就是相对于父级的绝对定位了。
原创
2011-03-19 08:58:09
1371阅读
最近做项目，遇到一个问题，父级设置的相对定位，子级设置绝对定位，如果不给父级设置高度
原创
2019-09-30 16:34:54
322阅读
学习CSS布局的时候，对position的认识一直不是很清晰，以致于面试的时候回答的不清楚，现在好好的梳理一下这个问题。CSS 有三种基本的定位机制：1.普通流 2.浮动 3.绝对定位 1. 普通流：除非专门指定，否则所有框（div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一
代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>解决父级元素塌陷的问题</title
原创
2022-07-15 10:09:22
43阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-U
原创
2023-04-14 22:06:17
114阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv=
原创
2023-04-13 19:05:48
120阅读
什么是高度塌陷?父元素高度自适应，子元素float之后，造成父元素高度为0，称为高度塌陷。他的产生条件就是子元素浮动
如图
如图：方法一：为父元素设置高度给父元素添加固定高度，适合做高度固定的布局建议：不推荐使用，只建议高度固定的布局使用方法二：给父元素添加overflow:hidden优点：简单，代码少，浏览器支持好缺点：不能和position配合使用，因为超出的尺寸会被隐藏建议：在页面布局
xpath路径选择器定位元素1. xpath：使用路径表达式来定位xml或者html中文档中选取节点。在假设xml文档为：<?xml version="1.0" encoding="ISO-8859-1"?>
<bookstore>
<book>
<title lang="en">Harry Potter</title>
# 如何使用jQuery修改父级元素的CSS样式
## 引言
在开发过程中，经常会遇到需要修改父级元素的CSS样式的情况。使用jQuery可以轻松实现这个功能。本文将介绍如何使用jQuery来修改父级元素的CSS样式，并提供详细的步骤和代码示例。
## 流程图
```mermaid
flowchart TD
subgraph 开始
开始 --> 检查元素
end
# 如何使用jQuery更改父级元素的CSS样式
## 整体流程
为了帮助新手更好地理解如何使用jQuery更改父级元素的CSS样式，我们需要将整个过程拆解成几个步骤，并结合代码进行详细说明。以下是整体流程表格：
| 步骤 | 描述 |
| --- | --- |
| 1 | 选定需要修改CSS的子元素 |
| 2 | 找到该子元素的父级元素 |
| 3 | 使用jQuery选择器选中父元素
width: 100%; height: 100%; display: block; width: 100%; height: 100%; display: block;
原创
2022-04-19 15:59:14
1513阅读
css标签的相对定位和绝对定位是通过position属性来控制的，相对定位和绝对定位不改变元素的大小形状，只改变元素的位置。一、position属性的值有以下几种： static:默认值，没有定位，元素出现在正常的流中。 absolute:使用绝对定位，相对于static定位以外的最近一个祖先元素进行定位。元素的位置通过left,top,right以及bottom属性进行规定。 relative:
在css中，元素不能往前选择，即不能选择父元素或前兄弟元素；这都受制于DOM渲染规则；这其实也好理解，html是从外层往里层的渲染机制；如果可以往上渲染就会出现渲染紊乱与性能等之类的问题；改变DOM与视界的位置，从而达到改变展示效果兄弟选择符只能选择后面的元素，但所表达的“后面”是指代码层面的后面，我们可以通过改变视界的效果来实现”前兄弟选择符“的效果；即把元素放到后面，通过更改样式或文档流让视界
