清除浮动的3个方法及其特点

（1）清除浮动

1. 投机取巧法

    就是直接一个<div style="clear:both;"></div>

浪费了一个标签，而且只能使用一次，所以这个方法不推荐。而 且有时候一不留神中间多了个空格会产生一段空白高度的。

2. overflow + zoom方法

.fix{overflow:hidden; zoom:1;}

   overflow:hidden;是个小炸弹，要是里面的元素 要是想来个margin负值定位或是负的绝对定位，会被隐藏，此方法有局限性的。

3. after + zoom方法

 .clr:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}

    这里的line-height:0写成height:0也是可以的。此方法可以说是综合起来最好的方法，不会影响任何其他样式，通用性强，覆盖面广，我很推荐哦。