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

Question

这是来源:

<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.

Answer 1

它被称为崩溃边际

按照w3c

在CSS中,两个或多个框(可能是也可能不是兄弟)的相邻边距可以组合形成单个边距.据说以这种方式组合的边距会崩溃,因此产生的合并边距称为折叠边距.