CSS - 左側和頂部的不需要的填充

我在theuselessweb.com的站點上製作了一個很愚蠢的網站。（警告：以後每一個鏈接的頁面上都會出現奇怪的音頻）但是，我遇到了一個問題：我在作爲背景的網站上有一個小插曲效果，在this jsFiddle中，我做了所有的工作，看起來很完美。但是，當我測試爲真實時，它不適用於Chrome或Firefox：在頁面的頂部和左側，背景顏色和暈影效果之間存在不必要的空白。這是什麼造成的？我怎樣才能擺脫它？CSS - 左側和頂部的不需要的填充

編輯：由於我收到了答案，這已得到解決。因此，上面我的網絡服務器的鏈接不再有問題。

來源

2013-02-24 Suchipi

Jsfiddle默認添加了一個CSS重置，它被錯誤地標記爲「規範化」。 – cimmanon 2013-02-24 12:50:41

每個瀏覽器都定義了一些不同的保證金或默認填充元素。在你的情況下，身體元素有一定的餘量。

在你的CSS中改變這一點，你很好。

body { 
width: 100%; 
height: 100%; 
background: #666666; 
margin:0; 
}

來源

2013-02-24 11:51:35

啊，謝謝！這解決了它。 – Suchipi 2013-02-24 11:56:32

嘗試檢查你的CSS這樣的事情：

*{ 
margin:0px; 
padding:0px; 
}

如果問題仍然存在，可能是因爲一些在CSS的下層階級正在覆蓋風格

來源

2013-02-24 11:43:12

CSS - 左側和頂部的不需要的填充

回答

相關問題