Firefox在顶部渲染100px的边距div.p.这似乎是利润率的崩溃.但计算出的高度div.p为100px.根据规范,它不应该做保证金崩溃.这是一个错误,还是我错了？Chrome按预期呈现.
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>