为什么Chrome不能正确尊重保证金？

Question

我搜索了很长时间,我找不到答案:/

在Chrome(Internet Explorer,Konqueror和许多其他用户)中h1,底部的边距被添加到.blue.但是,Firefox正确地遵守了css规则.

有什么建议吗？

HTML

<div class="red"><div class="blue"><h1>Hello World!</h1></div></div>

CSS

.red{
  background: red;
  /* All this contain margins */
  float:left;
  /* padding-top:1px; */
  /* display: inline-block */
  /* overflow: hidden */
}

.blue{
  background: blue;
  min-height: 60px;
}

h1{
  margin: 10px 0 20px;
  background: green;
}

基于壁虎: [这个是正确的,我猜]

基于Webkit,基于KHTML和Trident shell:

CODEPEN

http://codepen.io/marquex/pen/fzsIk

Answer 1

解决

经过长时间的搜索，我在 chromium repo 上报告了这个问题。他们认为这是一个错误。因此，如果有人想知道这段历史的最终结果，可以按照此处的修复过程进行操作。感谢所有试图帮助我们的人，但我要补充一点，我不相信 Stackoverflow 能够看不到如此严重的错误。我有点少了stackoverflowita。