文章链接： blog.csdn.net/weixin_6029…
相邻div外边距出现合并塌陷的原因：
在 CSS 当中，相邻两个兄弟盒子的外边距区域是公共的，这会导致相邻兄弟盒子之间的边距出现塌陷情况。流内块级元素的 top 与 bottom 外边距有时会合并（塌陷）为单个外边距（合并后最大的外边距），这样的现象称之为外边距塌陷（margin collapsing）。
导致边距塌陷的原因是外边距，有以下四种情况计算情况：
- 如果都是正数，则取最大值
- 如果相同，则取其中之一
- 如果有正有负，则取最大的正数加上最小的负数之和
- 如果都是负数，则取最小值。
