滚动左栏，剩余屏幕高度为100％，滚动问题

Question

我正在尝试创建一个可滚动的左列，该列占用100％的剩余空间，减去距页面顶部的距离。 它目前运行良好，但存在一些问题。 最初创建它时，由于没有考虑页脚高度，因此遇到了无限滚动问题：

http://jsfiddle.net/sUqtD/5/

如果我减去页脚的高度：

http://jsfiddle.net/sUqtD/4/

它在一定程度上起作用，但是如果我调整浏览器高度的大小，并且右列高度将页脚向下推，则左列高度仍会考虑页脚高度。

所以我的问题是，在所有情况下，如何使左列占据100％的剩余高度？

Answer 1

尝试类似的方法： http : //jsfiddle.net/mXjLE/1/

它不是完美的代码，但是可以工作（我有事）。

Answer 2

您只有一些小错误。 在减去页脚的示例中，该示例很接近，但是您仍然需要配置CSS。

看一看我编写的代码。即使您决定更改它，它也会起作用并考虑页脚。.（这只是对代码的较小重写。）

希望对您有所帮助http://jsfiddle.net/sUqtD/20/

编辑窗口大小小于左列时出现错误-但我会尽快解决:)