CSS：當位置爲靜態或相對時，我可以將寬度設置爲屏幕大小嗎？

Question

編輯：抱歉，所有的困惑。這只是我錯過的一件愚蠢的事情。我的所有網頁都是以表格（整個公司的制服）繪製的，而且表格的寬度是固定的。我剛剛發現它得益於Chrome的「Inspect Element」。所有這些代碼應該按預期工作。

這裏是我的CSS：

#header { 
position:fixed; 
left:0px; 
right:0px; 
height:75px; 
} 

#main { 
position: relative; 
padding-top: 75px; 
padding-bottom: 100px; 
left: 0; 
right: 0; 
background-color: #EFEFEF; 
} 

#footer { 
position:relative; 
height: 100px; 
left: 0; 
right: 0; 
background-color:#333333; 
} 

而我的HTML：

<div id='header'> 
Header 
</div> 
<div id='main'> 
main 
</div> 
<div id='footer'> 
Footer 
</div> 

這似乎並沒有做任何事情。 width: 100%;它們只在絕對位置或固定位置時才起作用。如果位置是靜態或相對的，我怎樣才能拉伸寬度？

Answer 1

當您將left:設置爲position:relative時，它會告訴自己移動剩下的許多像素。

然後，當你設置right:，它說：「不理會，離開，而不是移動這麼像素權」

因此，你沒有真正定義的元素的寬度。

另外：你嘗試過：

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

Answer 2

一些小的調整後，CSS工作在我的瀏覽器罰款：

http://jsfiddle.net/fwvd2/