谈谈常用清除浮动的方法

标签：after   带来   isp   分享   blog   img   clear   overflow   就会   

我们在做页面布局的时候，经常需要利用浮动来实现一些布局效果，这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。

而清除浮动后的效果应该是这样的请看：

下面就说说方法，方法其实有非常的多，下面部分方法的截图请大家参考

（1）父级div定义height。
（2）结尾处加空div标签clear:both。
（3）父级div定义伪类:after和zoom。
（4）父级div定义overflow:hidden。
（5）父级div定义overflow:auto。
（6）父级div也浮动，需要定义宽度。
（7）父级div定义display:table。
（8）结尾处加br标签clear:both

一般来说 给父元素加伪元素after是更好的方法。附图一张：

(新手请多多指教)

谈谈常用清除浮动的方法

标签：after   带来   isp   分享   blog   img   clear   overflow   就会   

原文地址：http://www.cnblogs.com/ymdong/p/6216870.html