外边距重叠是CSS中一种常见的现象，指的是当相邻的两个盒子之间存在外边距时，它们的外边距会合并，即重叠在一起。重叠的结果是这些外边距的值会相加，导致视觉上产生出乎意料的间距。
为了避免外边距重叠，可以采用以下方式：
-
使用内边距代替外边距：在容器内部添加适当的内边距，代替原本使用的外边距。
-
使用border、padding来阻止外边距合并：通过在盒子内部增加边框（border）或内边距（padding）来防止外边距合并。
-
使用浮动或定位：通过对盒子进行浮动或定位，可以防止它们的外边距合并。
-
使用clear：可以将该元素的上下外边距清除，防止发生外边距重叠的现象。