CSS刪除默認的8px保證金錶單主體

在我意識到之前已經詢問過此問題，但不幸的是仍然沒有找到解決方案。儘管我嘗試使用他們的解決方案。CSS刪除默認的8px保證金錶單主體

我的問題是我無法擺脫body/html標籤周圍的默認8px邊距。它看起來甚至沒有響應我在大括號之間進行的更改。

HTML：

<div class="header"> 
Header123 
</div> 

<div class="nav"> 

    <ul> 
    <li>HOME</li> 
    <li>PROJECT</li> 

    </ul> 

</div> 

<div class="main"> 
    Article 
</div> 

<div class="footer">Footer</div>

CSS：

body,html { 
margin: 0; 
text-align: center; 
background-color: blue; 
} 

.container 
{ 
margin: 0; 
background-color: red; 
} 

.header 
{ 
text-align: left; 
height: 90px; 
background-color: green; 
margin: 0; 
} 

.nav 
{ 
    float: right; 
} 

.nav ul 
{ 
    list-style: none; 
height: 30px; 
padding: 0px; 
margin: 0px; 
} 

.nav ul li 
{ 
    margin: 10px; 
} 


.footer 
{ 

height:40px; 
}

鏈接：https://jsfiddle.net/RasmusGodske/yg2gsa0t/

來源

2015-07-09 RasmusGP

切記：保證金不在元素的邊框內;填充在裏面。

您需要將主體元素的填充設置爲零。（body元素的邊距沒有意義，它代表瀏覽器窗口外的空間！）

另外，您不需要在html元素上設置任何CSS屬性。 body已包含您希望設置屬性的所有內容。

來源

2015-07-09 23:39:01 duskwuff

哦，我明白你的意思了，但我實際上只是嘗試過那種方式，那在那個時候不起作用。剛剛發現我真正的問題是什麼，我在我的CSS文件的開始有這個。 '

CSS刪除默認的8px保證金錶單主體

回答