什么是CSS的外边距重叠？

区块的上下外边距有时会合并（折叠）为单个边距，其大小为两个边距中的最大值（或如果它们相等，则仅为其中一个），这种行为称为外边距折叠。注意：有设定浮动和绝对定位的元素不会发生外边距折叠。

有三种情况会形成外边距折叠：

1.相邻的兄弟元素

2.父子元素

3.空的区块

掌握外边距折叠 - CSS：层叠样式表 | MDN (mozilla.org)