css盒模型进阶

一、外边距合并/Margin（空白边）叠加： 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 1) 当一个元素出现在另一个元素上面时，第一个元素的底空白边与第二个元素的顶空白边发生叠加。 两个元素同时设置了margin，上边元素设置margin-bottom：20px;下边元素设置margin-top:20px;最后

>>阅读原文<<