首页 > 其他 > 详细

谈谈常用清除浮动的方法

时间:2016-12-24 11:19:41      阅读:160      评论:0      收藏:0      [点我收藏+]

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

而清除浮动后的效果应该是这样的请看:技术分享

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

(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是更好的方法。附图一张:

技术分享

(新手请多多指教)

谈谈常用清除浮动的方法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!