margin 折叠

外边距重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 TODO 补充完整的 margin 相关截图

外边距重叠计算方式：

• 全部都为正值，取最大者
• 不全是正值，则都取绝对值，然后用正值的最大值减去绝对值的最大值
• 没有正值，则都取绝对值，然后用 0 减去最大值

解决方法

让父元素创建一个 BFC 区域