全屏寬度div區域

Question

創建一個div的最佳方法是採用全屏寬度，無論分辨率如何？我正在嘗試添加一個「頂部」欄和底部「頁腳」區域，該區域具有黑色背景和帶有小圖像並重復創建的樣式邊框。出於某種原因，我的嘗試導致了div的頂部和側面的小空間？

我的標記是類似於：

<div id="top"> 

Top bar stuff 

</div> 

<div id="pagewrap"> 

All the page content 

</div> 

CSS

#top { 

width: 100%; 
margin: 0; 
padding: 0; 
background-color:#000 

Answer 1

只需使用top:0;和left: 0;，您也可以消除padding: 0。除頂部外其他div不要使用top: 0;，其他div使用left: 0;以消除左側空間。

#top { 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    background-color:#000 
    top: 0; 
    left: 0; 
} 

Answer 2

確保body有padding和margin設置爲0在CSS。

Answer 3

通常這是body標籤有一些填充和/或邊距。嘗試添加：

body { 
    padding: 0; 
    margin: 0; 
} 

如果一切正常，你可能要考慮using a normalization stylesheet能解決這類問題以及許多其他相關類型的問題。