清除浮动：
1.在浮动元素尾部加上标签（容器内部），给该标签加上clear:both属性，
2.给父容器规定height（对自适应布局不好）
3.给父容器设置overflow：hidden，需要触发haslayout，Zoom：1，适配IE6
4.给父元素也加浮动，会影响文档布局
5.给后面邻接元素加上clear：both
6.给父元素加上一个属性，属性添加：after伪元素，结合 :after 伪元素（注意这不是伪类，而是伪元素，代表一个元素之后最近的元素）和 IEhack ，可以完美兼容当前主流的各大浏览器，这里的 IEhack 指的是触发 hasLayout。（zoom：1，兼容IE6）
给浮动元素的容器（父元素）添加一个clearfix的class，然后给这个class添加一个:after伪元素实现元素末尾添加一个看不见的块元素（Block element）清除浮动。
原文：https://www.cnblogs.com/hmfzy-blogs/p/14927415.html