首页 > 代码库 > 谈谈常用清除浮动的方法
谈谈常用清除浮动的方法
我们在做页面布局的时候,经常需要利用浮动来实现一些布局效果,这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。
而清除浮动后的效果应该是这样的请看:
下面就说说方法,方法其实有非常的多,下面部分方法的截图请大家参考
(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是更好的方法。附图一张:
(新手请多多指教)
谈谈常用清除浮动的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。