什么是外边距重叠？重叠的结果是什么？

外边距重叠（margin collapsing）指的是当两个（或更多）相邻的块级元素的外边距相遇时，它们的外边距将不会简单地累加，而是取它们中较大的外边距值，从而产生的效果称为外边距折叠（margin collapse）。

具体来说，外边距重叠的结果如下：

1. 相邻外边距的折叠：当一个元素的上外边距（margin-top）和另一个元素的下外边距（margin-bottom）相遇时，它们中较大的外边距值会覆盖较小的外边距值，而不是简单地累加起来。
2. 父子元素的外边距折叠：如果一个父元素没有边框或填充，并且它的第一个或最后一个子元素的外边距与父元素的外边距相遇，这些外边距也会发生折叠。

外边距重叠是CSS布局中一个常见但有时令人困惑的现象，需要开发者了解其工作原理，以有效地控制页面布局和外观。

希望对大家有所帮助；