css外边距合并的理解,html外边距合并,css外边距内边距,css外边距居中,css外边距怎么定位,css中外边距和内边距
CSS3 外边距合并（Margin collapsing）指的是在垂直方向上，两个相邻的盒子之间的外边距会合并成一个外边距的现象。

具体来说，当两个盒子垂直方向上相邻，并且它们的外边距都是正值时，它们的外边距会合并成一个外边距，大小为两个外边距中较大的那个。当一个盒子的外边距与其父元素的外边距重叠时，也会发生外边距合并。

以下是一个例子，假设有两个相邻的盒子，分别设置了10px的外边距：

html
<div class="box1"></div>
<div class="box2"></div>

<style>
.box1 {
margin-bottom: 10px;
}
.box2 {
margin-top: 10px;
}
</style>


这时候，由于它们在垂直方向上相邻，它们的外边距会合并成一个20px的外边距。因此，可以通过设置其中一个盒子的内边距或边框来避免外边距的合并。