码迷,mamicode.com
首页 > Web开发 > 详细

浅谈CSS高度坍塌

时间:2018-09-22 15:59:59      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:png   分享图片   oom   兼容   不能   info   推荐   img   bubuko   

高度坍塌情况:

当父元素没有设置高度,且子元素块都向左(右)浮动起来,那么父元素就会出现坍塌的现象。

 

 

 

 

 

 

 

 

 

 

技术分享图片

技术分享图片

解决办法:

在父元素包含块中加一个div:

技术分享图片

 

 

优点:兼容性强,适合初学者。

缺点:不利于优化。

方法二:overflow+room

技术分享图片

优点:兼容性强。

缺点:对margin属性有影响,不能设负值,设负值无效。负值绝对定位也不行。

方法三:after+room(最好用,最方便,推荐)

技术分享图片

浅谈CSS高度坍塌

标签:png   分享图片   oom   兼容   不能   info   推荐   img   bubuko   

原文地址:https://www.cnblogs.com/leidan/p/9690129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!