CSS 外边距(margin)重叠及防止方法

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一块儿而造成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。若是出现负边界，则在最大的正边界中减去绝对值最大的负边界。若是没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并不是是由父子关系或同胞关系的元素生成。 可是边界的重叠也有例外状

>>阅读原文<<