Firefox在div.p的顶部渲染100px的边距.这似乎是利润率的崩溃.但是div.p的计算高度是100px.根据
spec它不应该做保证金崩溃.这是一个错误,还是我错了? Chrome按预期呈现.
codepen
codepen
.s { height: 100px; width: 200px; background: yellow; float: left; } .p { margin-top: 20px; margin-bottom: 100px; zoom: 1; } .p:after { content: ' '; display: block; height: 0; clear: both; }
<div class="p"> <div class="s"></div> </div>