CSS：内容边框跨越固定的页脚边框

Question

我有一个固定的页脚div和一个内容div。内容div是100％高度，我希望它不要通过页脚，虽然我不想给出小于100％的百分比值。

<!-- fixed --><div id="footer" style="border:4px solid black;">
<div>

<!-- crosses the footer thus fails --><div id="content" style="border:4px solid blue;">
</div>

这是一个JSFiddle链接：http://jsfiddle.net/TAVmF/2/

蓝框的底部边框应位于黑匣子边框的顶部，不应穿过它。

我希望它的结果如下：http://i49.tinypic.com/2hs3mna.jpg

提前谢谢。

Answer 1

从页脚中移除position:fixed并交换container和footer div的html代码。

<强> DEMO

---

<强> DEMO 2

Answer 2

您需要在运行时使用max-height设置内容jquery，并在内容样式中添加overflow:auto。

假设您的content max-height = screenheight - footer height.

希望这个公式可以帮助你。