2014-01-24 5 views
1

Хорошо так что я пытаюсь создать верхнюю планку моей веб-страницы, как один в верхней части этой страницы, и то, что мой код выглядит так:CSS: 100% не полный экран

<body> 
<div id="header"> 
</div> 
<body> 

и КНБ

#header{ 
width:100%; 
} 

и когда я смотрю на в браузере он не полностью касается сторон, это примерно 10px прочь. Как исправить пробел?

ответ

3

вам необходимо очистить по умолчанию маржу/отступ, которые браузер устанавливает на теле. Использование:

body{ 
    margin: 0; 
    padding: 0; 
} 

Working Fiddle

+0

прокладка не требуется! – jingyinggong

+0

@jingyinggong не будет ли это «margin», что не нужно? – m59

+0

@jingyinggong Прокладка необходима для некоторых старых Opera. – rvighne

0

CSS должны иметь это!

body { 
    margin: 0; 
} 
#header { 
    width: 100%; 
} 

потому что по умолчанию тело имеет некоторый запас на нем! вы должны удалить их, чтобы заголовок мог заполнить тело полностью!

Смежные вопросы