html结构如下:
<body>
<div id="wrap">
<div id="header"></div>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer"></div>
</div>
</body>
<div id="header">
使用position: fixed; top: 0; left: 0;
,<div id="main">
处使用了position: absolute; top: 79px; left: 0;
。
由于id="main"
的高度是由内容来的多少来定的,无法确定整个main div
的高度,下面的<div id="footer">
不知道如何定位。
请问如何解决?
absolute
值会让main
这个div
脱离正常的文档流,那么你的footer
就会直接无视main
跳到最上面,请改为relative
。我建议给main
的高度设一个min-height
,那么footer
首先会一直位于下方的固定位置,当内容高度超过min-height
时高度便开始自动适应。btw
,我有篇博文专门对position
问题进行了总结,不妨一读。:)