正如您在这个简单示例中所看到的:
<div id="minheight">
<p id="margin">Paragraph with a margin</p>
</div>
<div id="sibling">Sibling div</div>
Run Code Online (Sandbox Code Playgroud)
#minheight {
min-height: 100px;
background: red;
}
#sibling {
background: blue;
}
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/peterbriers/B43th
Chrome(35)和Firefox(29)之间的区别在于它如何处理块上的折叠边距,其min-height大于子节点margin.
我试图完全理解规范:http://www.w3.org/TR/CSS2/box.html#collapsing-margins,但我仍然不确定哪个浏览器正确处理这个问题.我会说Chrome是错误的,但Safari(7)也是Chrome方式.
哪个浏览器是正确的,如何为没有正确执行的浏览器提交错误?顺便说一句:我不是通过添加新的块格式化上下文(添加溢出属性)来要求任何修复...