css清除浮动方法
为什么要清除浮动?是因为容器没设置高度,容器中的全部元素都浮动 导致容器坍塌 所以要清除 以免影响后续元素的布局
1.浮动元素的后面加一个空元素 使用清除浮动属性
2.使用overflow属性,实际上就是使用bfc 触发bfc
3.在容器上添加一个类 使用伪元素,也就是在伪元素:after 上面添加清除浮动属性
4.给浮动元素的容器也添加浮动属性
关于伪元素的清楚方法 要给伪元素添加一个看不见的空格,并赋予clear属性 。然后为了兼容ie6和7 要给容器添加一个haslayout的值。