Позиция div между двумя другими divs

Question

У меня возникли проблемы с позиционированием div между двумя другими divs (верхний и нижний колонтитул), и мне было интересно, что бы это сделало заявление css. Я не слишком хорошо знаком с тем, что поля могут делать по отношению к другим элементам div, сейчас я использую position: absolute;, и он делает то, что я хочу. Спасибо за любую помощь!

Answer 1

Это естественная компоновка для divs: http://jsfiddle.net/kMPBC/ Ваше использование позиции: абсолютное нарушает нормальный поток документов.

HTML

<div id="header"></div> 

<div id="content"></div> 

<div id="footer"></div> 

CSS

#header { 
    height: 200px; 
    background: blue; 
} 

#content { 
    height: 200px; 
    background: green; 
} 

#footer { 
    height: 200px; 
    background: red; 
}