本文主要是介绍div外边距塌陷问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
块级元素的上下外边距有时候会合并，合并后的外边距等于合并前两个外边距中的较大值，这种现象称为外边距塌陷。
外边距塌陷有以下三种情况：
同级相邻元素
同级相邻元素之间的外边距会塌陷，塌陷后的间距等于两个元素外边距的较大值（如果后者被清除浮动，不遵循此规则），例如：
h1 {margin: 0 0 25px 0;background: #cfc;
}
p {margin: 20px 0 0 0;background: #cf9;
}
同级元素外边距塌陷
父子元素间的边距塌陷
如果块级父元素中，不存在border, padding, 行内元素以及清除浮动这四条属性（对于border和padding，也可以说，当上border及上padding宽度为0时），那么这个块级元素和其第一个子元素的上外边距（margin-top）就可以说”挨到了一起“。此时这个块级父元素和其第一个子元素就会发生 上外边距塌陷
这篇关于div外边距塌陷问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
