Chrome -- CSS -- 额外间距答案

【问题标题】：Chrome -- CSS -- Extra spacingChrome -- CSS -- 额外间距
【发布时间】：2017-11-06 19:55:14
【问题描述】：

谁能看看这个模板并解释为什么只在 Chrome 中它在页面顶部添加了大量额外空间？

更新：

实际上，我刚刚发现，当我登录到我的工作 Google 帐户（在整个浏览器中）时，它会在顶部添加额外的间距。当我通常只使用 Chrome（访客模式）时，它不会在顶部添加额外的空间。都在我家的同一台电脑上。不同的结果取决于我是否登录。这有什么解释吗？

【问题讨论】：

如下所述——自学使用浏览器的开发者工具。这将告诉您哪个 CSS 是“活动的”。您工作的 Google 帐户很可能应用了自定义 CSS 样式...不过，我们无法为您确认。
有趣。谢谢！
尝试使用 css 重置，例如 normalize.css

【解决方案1】：

#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;
}

【讨论】：