css清除浮动有哪几种方式？

1. 给父级加高度（这种方法扩展性不好，但兼容度高 ）

2. 给父级浮动 /开启绝对定位/固定定位

3. overflow:hidden

4.空标签清除 <br clear:both>   ,扩展性不好，多出dom元素，不利于后期维护

5.添加    <br clear:all>  ,扩展性不好，多出dom元素，不符合结构样式规范

6. 在父级加一个伪元素 ：
.father :after {
clear:both;
content:"";
display:block;
}
.father{
zoom:1;//IE专有属性，解决ie6、7浮动问题
}