html - 样式表以填充剩余空间并滚动

Question

我的 css 布局有问题。

我尝试在不借助 javascript 定位元素的情况下进行布局。

整体布局很好，除了表格填满剩余空间的问题

=============================
| LT |  TOP            | TR |
=============================
|  Variable height section  |
|                           |
=============================
| Title                     |
|===========================|
| TABLE to fill remaining   |
| with scrollable body and  |
| scrollable table (i.e.    |
| fixed headers)            |
=============================

这是 jsfiddle http://jsfiddle.net/44cbf4L5/2/

任何人都可以建议一种使表格填充其父 div 的方法。

提前致谢。

编辑 1

感谢评论，这个 fiddle 更近了 http://jsfiddle.net/44cbf4L5/11/尽管 100% 的高度和宽度不考虑滚动条的宽度。

我想问题的下一部分是如何将大小调整为 100% 高度或宽度，包括滚动条宽度的高度？几乎就像滚动条的框大小属性？

Answer 1

将表格的宽度从 500px 更改为 100%