html - 将 div 置于其他 2 个 div 之间

Question

我无法将一个 div 定位在其他 2 个 div(页眉和页脚)之间，我想知道什么 css 语句可以实现这一点。我不太熟悉边距相对于其他 div 元素的作用，现在我正在使用 position: absolute; 并且它正在做我想做的事情。感谢您的帮助!

Answer 1

这是 div 的自然布局: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;
}