Полная ширина страницы дивы

Question

Я проектирование веб-сайт, я пытаюсь получить простой цветной DIV через верхней части браузера, я пытался просто с помощью:

div{ 
    width:100%; 
} 

, но заметил, что это белое пространство с обеих сторон и сверху экрана.

Я ищу что-то похожее на синий заголовок на Facebook, который заполняет весь экран.

Любые предложения, как это сделать?

Answer 1

Во всех браузерах всегда есть поля и отступы для body. Таким образом, попробуйте выполнить следующие и перепроверять результаты: -

*{margin: 0; padding: 0;} 

Приведенный выше код будет удалить все дополнительные поля и отступов от всех тегов!

Вы должны использовать normalize.css для проектирования ваших приложений.

Answer 2

Это из стилей вашего браузера по умолчанию, используйте это, чтобы сбросить его:

* { 
    margin: 0; 
    padding: 0; 
} 

Demo

Кроме того, я предлагаю вам взглянуть на css reset, которые дают вам набор правил CSS, который сбрасывает стиль всех элементов HTML на согласованную базовую линию.

Answer 3

сделал корпус есть край?

Попробуйте добавить:

body { 
margin: 0; 
padding: 0; 
} 

или использовать для сброса стилей, таких как: http://necolas.github.io/normalize.css/