CSS:当位置是静态或相对时，我可以将宽度设置为屏幕大小吗？

Question

编辑:对于所有的困惑，我们深表歉意。这只是我错过的一件愚蠢的事情。我所有的网页都绘制在一个表格内(整个公司统一)并且该表格具有固定宽度。多亏了 Chrome 的“检查元素”，我才找到它。所有这些代码都应该按预期工作。

这是我的 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%; 它们也只有在位置是绝对的或固定的时候才有效。如何在位置为静态或相对位置时拉伸(stretch)宽度？

Answer 1

当您在 position:relative 上设置 left: 时，它会告诉自己向左移动那么多像素。

然后当您设置 right: 时，它会显示“忽略，向左，而是向右移动这么多像素”

因此，您实际上并没有为元素定义宽度。

还有:你试过吗:

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