我有以下代码
<h1>Test</h1>
<p>Another test</p>
h1
{
border:2px solid red;
margin-bottom:30px;
}
p
{
border:2px solid red;
margin-top:20px;
}
Run Code Online (Sandbox Code Playgroud)
现场小提琴http://tinkerbin.com/dnhA713P
我希望在它之间有50px的空间h1,p但它没有得到50px的空间.
它被称为崩溃的边缘.这是凡人的好文章:
http://reference.sitepoint.com/css/collapsingmargins
以下是其他人的规格:
http://www.w3.org/TR/CSS2/box.html#collapsing-margins
简单来说,这个定义表明当两个元素的垂直边距接触时,只有具有最大边际值的元素的边缘将被尊重,而具有较小边缘值的元素的边缘将被折叠为零.