div顶部的CSS Chrome-only空间答案

【问题标题】：CSS Chrome-only space at top of divdiv顶部的CSS Chrome-only空间
【发布时间】：2012-10-02 22:44:15
【问题描述】：

我整天都在寻找解决方案，但还没有找到。 Safari 和 firefox 完美地显示了这一点，但 Chrome 在 #content div 的顶部有一个 ~100px 的空间。

在 chrome 中查看网站，然后在 ff 和 safari 中查看。我已将有问题的 div 着色为绿色。这可能是什么原因造成的？

【问题讨论】：

我已经隔离了部分问题，浮动到我的标题中的#block-block-5 div 似乎至少部分导致了这个问题，如果我删除了那个块，空间消失...但我当然不能删除该块，因为它是网站的组成部分...
该页面在 Chrome 和 Safari 中看起来与我相同。你解决了这个问题吗？
我刚刚解决了这个问题，#header 中的一个 div 在 Chrome 保留的代码中保留了它的原始位置，即使它是浮动的。我将它从“浮动”更改为“位置：绝对”以将其从流程中完全删除（浮动应该这样做）并且问题已解决......

【解决方案1】：

如果我从h1.title 中删除overflow: auto;，顶部的绿色条就会在我的屏幕中消失。

【讨论】：

【解决方案2】：

元素 h1 具有以下属性：

-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

我认为这是你的问题。

【讨论】：