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