1. 为什么要清除浮动？

   非IE下，当容器的高度为auto,容器有浮动元素，此时容器的高度不能自己伸长适应内容的高度，造成内容溢出乃至影响布局，即所谓的“浮动溢出”，为防此象，需要清除浮动。

2. 如何清除浮动？

   这里只记录最好的一种方法,伪元素和ie 触发haslayout：

    

   .clearfix{zoom:1;}

   .clearfix:after{content:"x";display:block;height:0;clear:both;visibility:hidden;}

   a.给容器添加一个clearfix的class；

   b.给这个class添加一个:after伪元素实现添加看不见的块元素

    

 

 

注意：visibility:hidden和display:none的不同：

      前者：隐藏但是占位；

      后者：不显示不占位。