-
1.设置了浮动的元素,仍旧处于标准文档流中 2.当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化 3.当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素查看全部
-
CSS中的定位机制查看全部
-
W3C标准查看全部
-
盒子3D模型查看全部
-
绝对定位:absolute 注意:脱离了标准文档流,拥有了偏移属性和z-index属性。 1、未设置偏移量时,无论是否有定位的祖先元素,它都脱离了文档流,并保持在原有位置。当没有设置宽度的时候,宽度随着内容改变。 2、设置偏移量时,无定位的祖先元素,以body为偏移参照基准而偏移。有定位的祖先元素,以离它最近的祖先元素为偏移参照基准而偏移。查看全部
-
相对定位(relative) 特点: 1 设置了相对定位的元素会相对于自身原有的位置进行偏移; 2 仍处于标准文档流中,占据空间; 3 设置之后拥有偏移属性和z-index(空间层堆叠,z轴) 属性,会遮盖其他元素; 注:定位布局中,除了绝对定位(脱离文档流,对其他元素没有影响),其他都是处在标准文档流中的,包括float也是查看全部
-
清除浮动方法: 1、clear:both;(给浮动元素的后面的元素使用) 2、width:100%;overflow:hidden;(给浮动元素的包裹层使用,常用于因未设置高度而看不见的包裹层。)查看全部
-
自动居中<->浮动属性和绝对定位(脱离文档流)查看全部
-
自动居中一列布局: 标准文档流 块级元素 margin属性查看全部
-
使用absolute实现横向两列布局的适用于:用于一列固定宽度,另外一列自适应的情况; 步骤:1 对其父元素设置relative;2 对需要自适应宽度的元素设置absolute绝对定位; 注意:固定宽度的列 高度> 自适应宽度的列查看全部
-
相对定位 特点: 1 设置了相对定位的元素会相对于自身原有的位置进行偏移; 2 仍处于标准文档流中,占据空间; 3 设置之后拥有偏移属性和z-index(空间层堆叠,z轴) 属性,会遮盖其他元素; [ 查看全文 ]查看全部
-
盒子3D模型查看全部
-
p{width:100%;overflow:hidden;} p{clear:both;}查看全部
-
float 三个属性 left right none 尺寸随内容浮动查看全部
-
盒子模型三维立体图 border——content+padding——background img——background color——margin查看全部
举报
0/150
提交
取消