一、为什么要清除浮动?
清除浮动:使父元素围住浮动的子元素,避免对后续元素造成影响。
二、方式
1、给父元素设置overflow:hidden;或float:left;或position:absolute;触发块级格式化上下文 (BFC)
2、利用clear样式
在浮动元素之后加入新元素,设置clear样式
.clear-div{
clear:both;
}
这种方式的不完美之处在于增加了一个专门用于清除浮动的元素
推荐使用伪元素,如下
.clearfix:after {
content: '';
display: block;
clear: both;
}
.clearfix{zoom:1;} //兼容IE6、7