CSS Удаление корпуса формы по умолчанию 8px

Question

Этот вопрос задан, прежде чем я знаю, но, к сожалению, до сих пор не нашел решения. Хотя я и пытался использовать их решения.

Моя проблема в том, что я не могу избавиться от поля по умолчанию 8px по телу body/html. Похоже, что он даже не реагирует на изменения, которые я вложил между фигурными скобками.

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/

Answer 1

Помните: маржа находится за пределами границы элемента; обивка внутри.

Вам необходимо установить прописку элемента body равным нулю. (Поля элемента тела бессмысленны, он будет представлять собой пространство за пределами окна браузера!)

В качестве отступления вам не нужно устанавливать какие-либо свойства CSS в элементе html. body уже содержит все, на что вы хотите установить свойства.