当两个块级元素为嵌套关系时（一般为父子关系），若两个块级元素都有向上的外边距时，那么两个元素的外边距就会合成一个上外边距。
解决方法：
1、为父元素设置 overflow: auto/hidden
2、为父元素设置浮动
3、为父元素设置 display: inline-block
4、为父元素设置 border: 1px solid transparent
5、为父元素设置 padding: 1px
什么是外边距塌陷，怎么解决
最新推荐文章于 2024-08-15 11:09:11 发布
当父子两个块级元素存在向上外边距时，它们的外边距会合并为一个。为了解决这个问题，可以尝试为父元素设置overflow为auto或hidden，设置浮动，使用display:inline-block，添加透明边框或内边距。这些方法可以防止外边距合并，保持元素间距的正常显示。
993
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
