我有一个没有定义高度的表格，里面有三个表格行。例子：
<table>
<tr height="20px"> <td> </td> </tr>
<tr height="1px"> <td> content with unknown height </td> </tr>
<tr> <td> </td> </tr>
</table>
我希望第一行具有固定的 20px 高度，第二行扩展到其内容的高度，第三行填充剩余空间。
当我在 Javascript 中更改表格的高度时，我想保留该布局（20px - 内容高度 - 剩余空间），但在 IE7（可能是 6）中，行被调用以保持初始比例。
例子：
如果我有一个包含 60px 内容的初始 100px 表：
第 1 行 - 20 像素
第 2 行 - 60 像素
第 3 行 - 20 像素
并将其高度更改为 200px，我会得到：
- 除 IE6/7 以外的任何浏览器/版本：
第 1 行 - 20 像素
第 2 行 - 60 像素
第 3 行 - 120 像素
- 即 6/7：
第 1 行 - 40 像素
第 2 行 - 120 像素
第 3 行 - 40 像素
我可以做任何事情来修复（在 IE7 中）行的高度，并让第三个填充剩余空间，保持其他 2 个固定。