jquery - CSS动态高度，滚动溢出，上下2个固定高度div

Question

我的目标正是这种布局：http: //jsfiddle.net/rQVmK/

...但是在“顶部”上方和“底部”下方添加了另一个固定高度的 div。随着窗口垂直调整大小，内容容器的高度应增加/缩小。滚动条出现在内容溢出时。插图（对不起，我无法以新用户的身份直接嵌入图像）：

http://i47.tinypic.com/s2bsic.gif

如果可能的话，我想只用 css 来实现这一点。jQuery 解决方案是不可取的，但如果仅使用 css 是不可能的，这是一个可以接受的折衷方案。

Answer 1

对您来说最简单的解决方案可能是将顶部和底部容器分成两个水平部分：

<div id="div3">
    <div id="subfooter" style="height:15px;width:100%">Sub Footer</div>
    <div id="footer" style="height:15px;width:100%">Footer</div>
</div>

您必须根据需要对其进行编辑，但我认为这足以给您一个想法。