如何用display:inline-block避免CSS浮动元素溢出父容器？
- 内容介绍
- 文章标签
- 相关推荐
本文共计643个文字，预计阅读时间需要3分钟。
浮动元素超出父容器，根本不是边界没设好，而是它压根儿离开了文档流——display: inline-block能绕过这个问题，但并不等于推荐解法。
为什么 display: inline-block 看起来能“解决”溢出
给父容器设 display: inline-block 会触发 BFC（块级格式化上下文），使其重新包含浮动子元素高度，从而避免塌陷。
本文共计643个文字，预计阅读时间需要3分钟。
浮动元素超出父容器，根本不是边界没设好，而是它压根儿离开了文档流——display: inline-block能绕过这个问题，但并不等于推荐解法。
为什么 display: inline-block 看起来能“解决”溢出
给父容器设 display: inline-block 会触发 BFC（块级格式化上下文），使其重新包含浮动子元素高度，从而避免塌陷。