将div放在2个其他div之间

时间:2013-06-01 21:08:05

标签: html css

我在将div放在其他两个div(页眉和页脚)之间时遇到了麻烦,我想知道css语句会实现这个目的。我不太熟悉边距与其他div项相关的功能,现在我正在使用position: absolute;并且它正在做我想要的。谢谢你的帮助!

1 个答案:

答案 0 :(得分:2)

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