浮动与定位


CSS的定位机制有3种:普通流(标准流)、浮动和定位

浮动脱离标准流,不占位置,会影响标准流。浮动只有左右浮动。

1、浮动后的元素会漂浮在其他元素上边
2、浮动后的元素是不占原来的位置
3、浮动后的元素不能超出父元素的范围
4、浮动后的元素在同一水平线上显示
5、浮动后的元素会自动的转化为行内块元素
6、浮动后的元素不能超出父元素的内边距和边框

清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。

1、额外标签法

、2、父级添加overflow属性方法    可以给父级添加:overflow为hidden|auto|scroll都可以实现。

3.伪元素清除浮动
在父元素中使用after伪元素清除浮动、

当对多个元素同时设置定位时,定位元素之间有可能会发生重叠 

可以对定位元素应用z-index层叠等级
属性,其取值可为正整数、负整数和0。

相关