在另外兩個div之間的位置div

Question

我在將div定位在2個其他div（頁眉和頁腳）之間時遇到了困難，我在想，哪些css語句會實現此目的。我並不太熟悉利潤率可以與其他div項目做什麼，現在我正在使用position: absolute;，它正在做我想做的。感謝您的任何幫助！

Answer 1

這是divs的自然佈局：http://jsfiddle.net/kMPBC/您使用position：absolute是打破正常文檔流程。

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; 
}