CSS外边距重叠及防止方法

边界重叠是指两个或多个盒子（父子或者兄弟之间）的相邻边界重合在一起而形成一个单一边界。 不会发生重叠的情况： 1 水平边距不会发生重叠； 2 相邻的盒模型中，如果其中一个是float，垂直margin不会重叠，并且浮动的盒模型和它的子元素之间也一样； 3 设置overflow 属性的元素和它的子元素之间不会重叠，（overflow:visible除外）； 4 设置绝对定位的盒模型（相邻or父子）；

>>阅读原文<<