Chrome - CSS - 额外间距

时间:2017-06-05 23:26:45

标签: css google-chrome padding space extra

任何人都可以查看此模板并解释为什么只在Chrome中它会在页面顶部添加大量额外空间?

https://html5up.net/uploads/demos/verti

更新

实际上,我刚刚发现,当我登录我的Google帐户(在浏览器中作为一个整体)时,它会在顶部添加额外的间距。当我通常使用Chrome(访客模式)时,它不会在顶部添加额外的空间。都在我家的同一台电脑上。不同的结果取决于我是否登录。对此有解释吗?

1 个答案:

答案 0 :(得分:0)

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