Chrome - CSS - 额外空间

任何人都可以看看这个模板，并解释为什么只有在Chrome浏览器中，它会在页面顶部添加大量额外空间吗？Chrome - CSS - 额外空间

更新：

其实，我只是发现，当我登录到我的工作，谷歌帐户（在浏览器作为一个整体），它增加了额外的间距在顶部。当我只是通常使用Chrome（访客模式）时，它不会在顶部添加额外的空间。全部在我家的同一台计算机上。取决于我是否登录了不同的结果。有没有对此的解释？

2017-06-05 Cooper

如下所述 - 教你自己使用浏览器的开发者工具。这会告诉你哪个CSS是“活动的”。很可能您的作品的Google帐户已应用自定义CSS样式......但这不是我们能够为您确认的内容。 –

有趣。谢谢！ – Cooper

尝试使用CSS重置太像[normalize.css]（http://necolas.github.io/normalize.css/） –

填充为#header-wrapper元素，具有以下CSS（main.css - 第1839行）。这相当于在Chrome浏览器padding-top: 66px ...

#header-wrapper { 
    padding: 4.5em 0 1em 0; 
    padding-top: 4.5em; 
    padding-right: 0px; 
    padding-bottom: 1em; 
    padding-left: 0px; 
}

这将是简单的删除或覆盖，如果你需要...例如

#header-wrapper { 
    padding-top: 10px !important; 
}

2017-06-05 23:29:53

你有没有看到我的附加信息，我刚刚添加了不同的结果取决于如果我登录Chrome还是不行？我很困惑！ – Cooper

我看了一下Firefox，它实际上有一个“72px”的顶部（相同的CSS）。您可能需要熟悉浏览器的开发人员工具 - 取出相当容易。 –

回答