可滚动的左列w /剩余的屏幕高度为100%,滚动问题

问题描述:

我试图创建一个可滚动的左列,占用剩余空间的100%,减去距离页面顶部的距离。它目前运行良好,但有几个问题。当我最初创造了它,我遇到了一个无限滚动的问题,因为我并没有考虑到页脚高度:可滚动的左列w /剩余的屏幕高度为100%,滚动问题

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

如果我减去页脚的高度:

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

它在某种程度上有效,但如果我调整浏览器高度并右侧列高度将页脚向下推,则左列高度仍会考虑页脚高度。

所以我的问题,我怎样才能让左列在所有条件下占据100%的剩余高度?

+0

你被允许使用'posi重刑:绝对'或'位置:固定'? – 2012-03-28 08:03:25

尝试类似的东西:http://jsfiddle.net/mXjLE/1/

它不是完美的代码,但它工作(我的事情)。

+0

注意: 如果要将列左侧100%的高度超过页脚或页首边距,则必须对左列和另一个solutin使用postion:absolute(或fixed)。 – kubedan 2012-03-28 08:05:50

+0

谢谢,我结束了对左栏的绝对定位,并能够解决我的问题。你的评论触发了我的头脑,所以你的答案被接受。谢谢! – 2012-03-28 15:31:23

您只有一些小错误。你减去页脚的例子很接近,但你仍然需要配置你的CSS。

看看我所做的代码..它的工作原理,并考虑到脚注,即使你决定改变它。(这只是你的代码的次要重写。)

希望它可以帮助http://jsfiddle.net/sUqtD/20/

编辑 有当窗口大小比左列小的错误 - 但我将尽快解决这个问题:)