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/