css 关于空白叠加

况一： 当一个元素出现在另一个元素上面时，第一个元素的底空白边与第二个元素的顶空白边发生叠加。 html结构 <div class=du>上面块</div> <div class=dd>下面块</div> css代码 复制代码代码如下: .du{ margin-bottom: 10px; background-color: red; } .dd{ margin-top: 5px; background-color: blue; } 显示结果如下从左往右，分别是IE6、FF、Chrome、Opera的表现结果。由图片可以看到，理论上有15px高的空白边，变成了10px。 情况二