保证金不添加元素？

Question

我有以下代码

<h1>Test</h1>
<p>Another test</p>
h1
{
border:2px solid red;
margin-bottom:30px;
}
p
{
border:2px solid red;
margin-top:20px;
}

我希望在它之间有50px的空间h1,p但它没有得到50px的空间.

Answer 1

它被称为崩溃的边缘.这是凡人的好文章:

以下是其他人的规格:

简单来说,这个定义表明当两个元素的垂直边距接触时,只有具有最大边际值的元素的边缘将被尊重,而具有较小边缘值的元素的边缘将被折叠为零.