我想创建这样的布局：
+ ----------- -----------容器+
| + -----固定高度DIV + ------- |
| + -------固定高度DIV ----- + |
| + - 填充 - 高度的可滚动div- + |
| + - 固定高度，底部div- + |
+ ---------最终容器------- +
问题是如何使 fill-height-scrollable-div 适合所有可用空间。有关详细信息，请参阅示例
以下是一个示例：http://jsfiddle.net/SkeLLLa/fz2C7/
是否有非javascript 方法设置 div.chat-user-list-cnt 以适应所有可用的高度并使 div.chat-bot- btns-cnt 贴在 div.chat-list 的底部？
答案 0 :(得分：2)
在你的演示中，一切都有一个固定的高度，除了“可滚动的div”，你的外部div绝对定位（好，position: fixed，但足够接近）。
您需要做的是利用您可以在“可滚动div”上设置position: absolute; top: 50px; bottom: 50px的事实。
请参阅： http://jsfiddle.net/thirtydot/UPG6A/（简化版）