清除浮动

一、为什么要清除浮动？

清除浮动：使父元素围住浮动的子元素，避免对后续元素造成影响。

二、方式

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