外边距重叠是指，若两个元素上下毗邻且都定义了不为0的外边距值，同时又没有任何内边距、边框等设定，那么这两个元素之间的距离将小于二者外边距的和。因此，两个都带有20px外边距的元素垂直相接并不会显示出40px的缝隙——两个外边距会重叠在一起，最终元素之间的距离只有20px。
另外，重叠效果将同时作用于父元素和子元素之上。如果其子元素有处置外边距，则其会与下一个元素有间隙。
解决方法是在为其添加1px的垂直内边距
原文：http://www.cnblogs.com/hyql/p/5387846.html