Div仍有餘量，即使有餘量：0;

我正在嘗試製作一個沒有任何邊距的div（對於頁面中的標題）。我試過這個：Div仍有餘量，即使有餘量：0;

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <style> 
     .test { 
      height: 100px; 
      margin: 0; 
      background-color: #000000; 
     } 
     </style> 
    </head> 
    <body> 
     <div class="test">&nbsp;</div> 
    </body> 
</html>

但div仍然有一個邊緣。我究竟做錯了什麼？謝謝你的幫助！

來源

2012-11-23 alexpyoung

不要忘記重置填充以及。正確的答案已經由@bažmegakapa – mathk

這是body左右的默認邊距。瀏覽器爲特定元素的某些CSS屬性定義了某些默認值 - 這是其中之一。不幸的是，有時默認值因瀏覽器而異。

您應該使用所謂的Reset CSS或刪除默認保證金：

body { margin: 0; }

jsFiddle Demo

來源

2012-11-23 09:29:41 kapa

給出了。我知道這是簡單的哈哈。謝謝！ – alexpyoung

太棒了！這適用於Body標籤！ – sud007

身體有一個保證金了。因此，除非您在正文上設置邊距0，否則不會將該頁面的邊距完全設置爲0。

來源

2012-11-23 09:31:27 Lex

Div仍有餘量，即使有餘量：0;

回答

相關問題