是什么

两个 块 相邻的上边距和下边距有时会合并，折叠为单个边距，值为两者间的最大值，这种行为称为边距折叠

浮动元素 和 绝对定位元素 不会发生边距重合

如何产生

用白话来说，只要外边距之间能互相接触到，那就会产生重叠

说细点就是，如果两个边距之间没有隔着 margin 外的任何区域（border,padding,content），就会产生重叠

:::caution

margin: 0 也会发生叠加哦，只要没有东西拦着

:::

具体可以看例子：

.split 只要设定了 border,padding 或 height 都可以防止外边距叠加

父子元素

父子元素也是会发生外边距叠加的