1

这是来源：

<div style="border:1px solid red; margin-bottom:10px">test block1,</div>;    
<div style="border:1px solid red; margin-top:10px">test block2</div>;

它总是10px在block1和block2之间......

我不确定出了什么问题。请不要说“使用padding”和“改变20px”

我必须使用margin-bottom，margin-top而且只有10px。

4

2 回答 2

5

这称为折叠边距

根据 w3c

在 CSS 中，两个或多个框（可能是或不是兄弟）的相邻边距可以组合形成一个边距。以这种方式组合的边距称为折叠边距，由此产生的组合边距称为折叠边距。

阅读此http://reference.sitepoint.com/css/collapsingmargins

于 2012-09-12T05:39:05.817 回答
1

使用float: left;and 可能也clear: both;用于两个 div，它肯定会工作；）

于 2012-09-12T05:55:00.660 回答