外边距重叠

外边距重叠是指,若两个元素上下毗邻且都定义了不为0的外边距值,同时又没有任何内边距、边框等设定,那么这两个元素之间的距离将小于二者外边距的和。因此,两个都带有20px外边距的元素垂直相接并不会显示出40px的缝隙——两个外边距会重叠在一起,最终元素之间的距离只有20px。

另外,重叠效果将同时作用于父元素和子元素之上。如果其子元素有处置外边距,则其会与下一个元素有间隙。

解决方法是在为其添加1px的垂直内边距

原文地址:https://www.cnblogs.com/hyql/p/5387846.html