Зачем нужна эта граница?

Question

Почему эта белая рамка всегда появляется вокруг коробки? Как я могу получить его, чтобы он соответствовал всей странице (по горизонтали), не используя «position: absolute»?

http://jsfiddle.net/yag79aLt/

.footer-block { 
 
    height: 250px; 
 
    width: 100%; 
 
    background: #000; 
 
}

<div class="footer-block">

Answer 1

Добавьте следующие строки в CSS:

body { 
    margin: 0; 
} 

Это установит маржу страницы к нулю, тем самым удаляя белую рамку вокруг вашего JSFiddle.

Answer 2

Часто по всему корпусу есть небольшой запас по всему телу. В большинстве основных браузеров размер по умолчанию составляет 8 пикселей со всех сторон. Он определяется в пикселях таблицей стилей пользователя-агента, предоставляемой вашим браузером. Некоторые браузеры также добавляют прописку.

Я начинаю добавлять это во всех моих проектах переопределить:

body { 
    margin: 0; 
    padding:0; 
} 

Если у вас есть большой проект, который вы могли бы рассмотреть вопрос использования normalize.css. Он сбрасывает множество значений по умолчанию, которые должны быть согласованы между браузерами. http://necolas.github.io/normalize.css/

Answer 3

Вы всегда должны сделать запас и обивка 0 из тела перед design.It сделают ваш дизайн perfect..good удачи ... :)

CSS КОД:

body { 
    margin: 0; 
    padding: 0; 
} 
.footer-block { 
    height: 250px; 
    width: 100%; 
    background: #000; 
}