тело не покрывает весь экран

.box { 
 
    width: 1000px; 
 
    height: 500px; 
 
    margin-top: 100px; 
 
    background: red; 
 
}

<body> 
 
    <div class="box"> 
 

 
    </div> 
 
</body>

Я поставил коробку маржу верхом на 100px, почему не тело покрывает весь экран? Тело действует как div с верхним краем.

2015-11-08 Xiaolong

результат точно так, как это должно быть .... то, что ваша реальная проблема? – Lahori

Причина - «margin-top: 100px'. Попробуйте удалить его: http://jsfiddle.net/qek4c765/3/ –

Почему тело должно покрывать весь экран? –

попробуйте этот код,

body { 
    margin: 0; 
}

2015-11-08 12:29:43

Этот код не имеет значения – Quentin

Он делает ... он удаляет 8px поля тела для меня .. –

Да, это всегда @Quentin, потому что тело имеет по умолчанию маржу, которая равна 8px –

-1

<body> тега относится его высота предполагая высоту содержимого, а не сам видовой, зачем на самом деле? Добавление что-то вроде этого:

<body style="height: 100%">

меняет ситуацию ...

2015-11-08 12:54:12 holden

ответ