CSS-清理浮动的方法总结

1.将父元素设置成BFC。

哪些CSS属性能够让元素生成BFC呢：

• 根元素
• float属性不为none
• position为absolute或fixed
• display为inline-block, table-cell, table-caption, flex, inline-flex
• overflow不为visible

2.在浮动的元素下面使用.clearfix的空div；

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
// IE7-浏览器不支持after伪元素
.clearfix {
    zoom: 1;
}

3.在下面的元素中设置clear: both；