鉻/ Safari瀏覽器和火狐之間的CSS定位差異

Question

好的，所以我已經嘗試了一些事情來解決這個問題，但我必須失去一些東西。我對這一點很陌生，因爲我正在使用螢火蟲，這使得這個特殊問題很難爲我解決。我的網站（正在開發中）在firefox中運行良好，但在Chrome和Safari瀏覽器中的搜索欄和類別欄之間存在垂直差距。在這裏看到：

http://how2garage.com/

您可以在Chrome中看到紅色的搜索欄和黑色類別欄之間的差距。起初我認爲這是「博客描述」，但我將其設置爲無顯示，並沒有幫助。我也嘗試切換位置定義，並且無法在Chrome中解決此問題，而不會在Firefox中搞亂它。任何幫助表示讚賞！

Answer 1

你有

#header { 
    padding:0 0 20px 0; 
} 

在你的CSS

..（style.css中，第54行）

您應該刪除填充。

Answer 2

正如@Tim說「的#header」風格有一個20像素的填充，並在你的CSS文件的底部出現了：

#header, x:-moz-any-link, x:default { 
    padding: 0; 
} 

這就是爲什麼在Firefox中，你看不到的差距。