保证金底部和保证金顶部不起作用

时间:2012-09-12 05:37:29

标签: html css

以下是来源:

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

在block1和block2之间始终有10px ...

我不确定是什么问题。请不要说'使用padding'和'更改20px'

我必须使用margin-bottommargin-top并且只使用10px

2 个答案:

答案 0 :(得分:5)

它被称为折叠边距

根据w3c

  

在CSS中,两个或多个框的相邻边距(可能或   可能不是兄弟姐妹)可以组合形成单一的边缘。边距   结合这种方式据说会崩溃,并由此产生组合   保证金称为折现保证金。

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

答案 1 :(得分:0)

对两个div使用float: left;也可能clear: both;,这肯定会有效;)