CSS：寬度100％不是屏幕

Question

的100％在我sandbox site有橫跨頂部的白條。它包含在身體內（具有背景圖像），並且導航欄的樣式是

#topnav4 {background: #fff; width: 100%; height: 70px; } 

但是，酒吧並未到達屏幕的邊緣。此外，我不有任何保證金或填充集。有誰知道如何解決這一問題？

更新也注意到，導航欄不在屏幕的最頂端。還有就是導航欄的網頁頂部和頂部之間的空間。我如何擺脫這一點？

更新，我加入這個代碼，但問題仍然沒有固定的

＃topnav4 {背景：#FFF;位置：絕對; left：0px; top：0px;寬度：100％;身高：70px; }

Answer 1

你要找的片段是：

html, body { 
    margin: 0; 
    padding: 0; 
} 

，將刪除默認的用戶代理 「頁邊距」 在所有瀏覽器。

刪除您的基於position: absolute的補充 - 這不是解決此問題的最佳方法。

Answer 2

你可能需要你的身體margin和padding設置爲0

body { 
    margin: 0; 
    padding: 0; 
} 

Answer 3

以下內容添加到你的CSS文件的頂部，然後去了解CSS復位：

* { margin: 0; padding: 0; } 

這裏的一些資源，我發現有幫助：

1. Best CSS Reset

2. W3 Schools (The Doctype)

3. The Box Model

Answer 4

在頁面上沒有文檔類型，所以它會以怪癖模式呈現。這意味着瀏覽器嘗試與古代版本的瀏覽器兼容。

這是特別壞的IE瀏覽器，它也將使用非標準盒模型：http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

添加DOCTYPE頁面：http://www.w3.org/QA/2002/04/valid-dtd-list.html