我们在做页面布局的时候,经常需要利用浮动来实现一些布局效果,这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。
而清除浮动后的效果应该是这样的请看:
下面就说说方法,方法其实有非常的多,下面部分方法的截图请大家参考
(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是更好的方法。附图一张:
(新手请多多指教)