奇怪的CSS間距無處不在

-1

好吧所以我製作了一些CSS的HTML模板&。然而，如果你看看菜單欄之間，有一堆白色空間。內容和側邊欄也很奇怪。如果你看頂部，頂部有一堆填充，但我沒有在任何地方應用填充！幫幫我！奇怪的CSS間距無處不在

嘗試隔離您的問題。我們可以更容易地解決它。謝謝。 – 2013-02-18 21:44:37

Naveen的解決方案是正確的B/C有瀏覽器的樣式表默認邊距。添加

* {margin:0; padding:0;}

爲在樣式表的第一行 - 這是對所有元素，這些屬性的簡單重置，你將與「幻影」填充和利潤率從瀏覽器的樣式表級聯下來沒有更多的麻煩。

2013-02-18 21:47:08

更好的解決方案是簡單地使用一些重置或正常化的CSS表，因爲他沒有一個，它通常被認爲是最佳做法。 – Michael 2013-02-18 21:49:35

最好的解釋！修復了一切。它不影響我改變填充的其他事情。因此，無論何時我需要重置某個部分，我都可以使用「*」？酷感謝 – TechTubeCentral 2013-02-18 21:53:33

*僅僅意味着一張通配符（任何東西），所以如果你像上面的例子那樣使用它，它會影響每個元素。如果你寫：影響div內所有元素的div * {一些CSS}。 – 2013-02-18 22:51:48

試試這個，希望它會工作

<style type="text/css">  
    ul{ 
    margin:0px; 
    } 
</style>

2013-02-18 21:44:00

填充，並且默認指定的保證金。它是W3C聯盟最初產生的一部分。所有你需要的是一個CSS重置表。

您可以附加給你的網站作爲一個單獨的文件，例如reset.css。或者你可以複製粘貼重置代碼到你的styles.css文件的頂部。

2013-02-18 21:45:35 Michael

使用標籤時，您會發現瀏覽器將自動添加一個邊距，有時可能不需要填充。

嘗試添加邊距：0px;和填充：0px;正如良好的做法一樣。

2013-02-18 21:48:05

回答