css清除浮动方法

为什么要清除浮动？是因为容器没设置高度，容器中的全部元素都浮动 导致容器坍塌  所以要清除 以免影响后续元素的布局

1.浮动元素的后面加一个空元素  使用清除浮动属性

2.使用overflow属性，实际上就是使用bfc  触发bfc

3.在容器上添加一个类  使用伪元素，也就是在伪元素：after 上面添加清除浮动属性

4.给浮动元素的容器也添加浮动属性

 

 

关于伪元素的清楚方法  要给伪元素添加一个看不见的空格，并赋予clear属性 。然后为了兼容ie6和7 要给容器添加一个haslayout的值。