首页 > Web开发 > 详细

浅谈CSS高度坍塌

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

高度坍塌情况:

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

 

 

 

 

 

 

 

 

 

 

技术分享图片

技术分享图片

解决办法:

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

技术分享图片

 

 

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

缺点:不利于优化。

方法二:overflow+room

技术分享图片

优点:兼容性强。

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

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

技术分享图片

浅谈CSS高度坍塌

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

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