浅谈CSS高度坍塌
程序员文章站
2022-03-31 13:54:34
高度坍塌情况: 当父元素没有设置高度,且子元素块都向左(右)浮动起来,那么父元素就会出现坍塌的现象。 解决办法: 在父元素包含块中加一个div: 优点:兼容性强,适合初学者。 缺点:不利于优化。 方法二:overflow+room 优点:兼容性强。 缺点:对margin属性有影响,不能设负值,设负值 ......
高度坍塌情况:
当父元素没有设置高度,且子元素块都向左(右)浮动起来,那么父元素就会出现坍塌的现象。
解决办法:
在父元素包含块中加一个div:
优点:兼容性强,适合初学者。
缺点:不利于优化。
方法二:overflow+room
优点:兼容性强。
缺点:对margin属性有影响,不能设负值,设负值无效。负值绝对定位也不行。
方法三:after+room(最好用,最方便,推荐)
上一篇: 这跟丢钱包有什么区别啊?
下一篇: 幽默的社会 心酸的段子