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保证金表单主体

回答