2014-01-24 86 views
1

好了,所以我想創建自己的網頁就像一個在這個頁面的頂部,什麼我的代碼看起來像的頂部條是這樣的:CSS寬度:100%不是全屏

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

和的CSS是

#header{ 
width:100%; 
} 

,當我在瀏覽器中看到它沒有完全觸及兩側,這是關於10px的路程。我該如何解決這個差距?

回答

3

您需要清除瀏覽器在主體上設置的默認邊距/填充。用途:

body{ 
    margin: 0; 
    padding: 0; 
} 

Working Fiddle

+0

填充不是必需的! – jingyinggong

+0

@ Jingyinggong不會是'保證金',這是不必要的? – m59

+0

@jingyinggong Padding是一些較舊的歌劇所必需的。 – rvighne

0

CSS應該有這個!

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

因爲默認身體上有一些邊距!你應該刪除它們,這樣頭可以充滿身體!