高度坍塌情况:

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

浅谈CSS高度坍塌-LMLPHP

浅谈CSS高度坍塌-LMLPHP

解决办法:

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

浅谈CSS高度坍塌-LMLPHP

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

缺点:不利于优化。

方法二:overflow+room

浅谈CSS高度坍塌-LMLPHP

优点:兼容性强。

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

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

浅谈CSS高度坍塌-LMLPHP

05-19 20:48