2

我有一个固定的页脚 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

先感谢您。

4

2 回答 2

3

从页脚中删除并交换和divposition:fixed的 html 代码。containerfooter

演示

演示 2

于 2012-10-25T11:09:03.550 回答
0

You need to set content max-height at run time using jquery and add overflow:auto in content style.

Suppose your content max-height = screenheight - footer height.

Hope this formula help you.

于 2012-10-25T11:21:30.960 回答