垂直分度，滾動填滿所有可用的垂直空間

Question

我想創建這樣的佈局：

+ ----------- -----------容器+
|   + ----- fixed-height-div ------- + |
|   + -------固定高度DIV ----- + |
|   + - 填充 - 高度的可滾動div- + |
|   + -fixed-height-bottom-div- + |
+ ---------最終容器------- +

的問題是如何使填充高度的可滾動DIV適合所有可用空間。請參閱示例瞭解更多詳情。

下面是一個例子：http://jsfiddle.net/SkeLLLa/fz2C7/

是否有任何JavaScript不方式設置div.chat用戶列表-CNT適合所有可用的高度，使div.chat-殭屍btns -CNT棒在div.chat列表底部？

Answer 1

在您的演示，任何事物都有除「滾動格」一個固定的高度，你的外層div絕對定位（當然，position: fixed，但足夠接近）。

你需要做的是採取的事實，你可以例如position: absolute; top: 50px; bottom: 50px你的「滾動格」設置的優勢。

參見：http://jsfiddle.net/thirtydot/UPG6A/（簡體版）