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）。您可能需要熟悉瀏覽器的開發人員工具 - 取出相當容易。 –

回答