子元素无法撑开父元素的情况

最新推荐文章于 2023-12-04 14:32:52 发布

weixin_38278892

最新推荐文章于 2023-12-04 14:32:52 发布

阅读量9.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签： html

本文链接：https://blog.youkuaiyun.com/weixin_38278892/article/details/79006288

本文探讨了在CSS布局中，浮动元素如何影响其父元素的高度，并解释了当所有子元素都处于浮动状态时，父元素高度可能出现的问题及解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果父元素已经规定了度，不会高度塌陷，但可能会溢出（如果子元素总高度超过父元素的话）
如果父元素没有规定高度：
2.1 如果所有子元素都浮动，父元素没有高度，这时候给父元素设置边框的话，就会发现边框保不住子元素
2.2 如果存在没有浮动的子元素，父元素高度取决于没有浮动的子元素，所以如果浮动子元素更高的话，还是会塌陷

解决浮动的办法： clear:both，不允许元素两侧有浮动（你可以理解为，遇到浮动元素会往下挪，从而撑起高度）