高度塌陷问题

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

在文档流中,父元素的高度默认是被子元素撑开的,即子元素多高父元素就多高。

但是当子元素设置浮动之后,子元素完全脱离了文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。

由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样的将会导致页面布局混乱。

所以在开发中一定要避免出现高度塌陷问题。
我们可以将父元素的高度写死,以避免高度塌陷问题的出现,但是高度一旦写死,父元素的高度将不能自动适应子元素的高度,所以这种方案是不推荐使用的。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/44.html