清除浮动

清除浮动：
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）清除浮动。ie6-7不支持伪元素：after，使用zoom:1触发hasLayout.