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

После нескольких незначительных изменений CSS отлично работает в моем браузере:

http://jsfiddle.net/fwvd2/

Answer 2

Когда вы устанавливаете left: на position:relative, он говорит себе переместить столько пикселей влево.

Затем, когда вы устанавливаете right:, он говорит: «игнорировать, влево, вместо этого переместить столько пикселей вправо»

Таким образом, вы на самом деле не определили ширину для элемента.

Также: вы пробовали:

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