我的布局必须支持嵌套，并且不使用javascript工作（当前的生产解决方案使用js并遇到性能问题）。
不幸的是我必须支持IE直到IE8，所以我不能使用像flex布局这样的花哨的东西，这会使这个任务变得微不足道。
此fiddle是我目前的尝试。
外部300px仅用于测试目的。最终的解决方案必须完全适应它的父母。
从它的外观来看，没有flexbox / javascript这似乎是不可能的，只要＆＃34;内容＆＃34;行可以有一个可变的高度（否则它很容易使用嵌套+位置+框大小）。
我也试过改变这个：
<td style="overflow: hidden; position: absolute; ">
包括#viewportLimit到height：100％希望强制它们继承父级高度，这对于firebug的布局选项卡有用，但对渲染没有影响。
我已经没有想法，我希望有人可以向我提出想法。
我认为小提琴指出了我想要做的事情。我希望浅蓝色元素填充深蓝色方块。该元素稍后应该按需滚动（与基于js的维度计算相比，需要最少的javascript），但我可以自己找出一个。
所有我可以使用的一点是让它现在占用全部空间。