以下是来源:
<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-bottom
,margin-top
并且只使用10px
。
答案 0 :(得分:5)
它被称为折叠边距
根据w3c
在CSS中,两个或多个框的相邻边距(可能或 可能不是兄弟姐妹)可以组合形成单一的边缘。边距 结合这种方式据说会崩溃,并由此产生组合 保证金称为折现保证金。
答案 1 :(得分:0)
对两个div使用float: left;
也可能clear: both;
,这肯定会有效;)