css - 窗口底部的 div 和自适应高度 div

Question

有没有办法让一个 div 始终位于窗口底部，另一个 div 改变它的高度以填充它留下的任何空间，如果它的内容太长，那个 div 会滚动。 (我从不希望窗口滚动)。

这最好用图片来说明:

div layout http://img401.imageshack.us/img401/3209/divs.png

绿色的 div 会一直放在窗口的底部，而橙色的 div 会填补空隙。当窗口较小时，如右图所示，橙色 div 会变小并滚动。

绿色的 div 可以切换。有时候绿色的div会有display: none，然后橙色的div会一直拉到底部。当绿色的 div 再次出现 display: block 时，它会再次看起来像图片。

它必须在 IE6 中工作。

到目前为止，我可以通过以下方式让绿色 div 到达底部:

position: absolute;
bottom: 0;

但我不知道如何让橙色 div 做我想做的事。

Answer 1

你应该使用 fixed 而不是 absolute

position: fixed;
bottom: 0;