清除浮动造成的影响的解决方案总结

1、将设置float的元素的父元素也设置float。

　　缺点：很有可能不符合情况要求

2、设置父元素的position为absolute，前提是父元素的父元素并没有设置position：relative。

　　缺点：很有可能不符合情况要求

3、设置父元素的overflow为hidden。

　　尚不知晓，猜测是只能清除浮动带来的父元素塌陷，但无法闭合浮动（待验证）

4、设置父元素的display为inline-block。

　　缺点：可能不符合情况要求。

5、设置父元素的zoom为1。

　　缺点：zoom为IE私有属性

6、浮动元素的下方加入额外的元素<br style="clear:both;" />

　　缺点：增加额外的标签使HTML结构看起来不够简洁

7、使用after伪类（此方法目前应用较广）

some:after{

　　content:".";

　　height:0;

　　visibility:hidden;

　　display:block;

　　clear:both;

}

8. 父元素设置display:table

转自：http://www.cnblogs.com/charling/p/3360208.html