IE用于展开以填充剩余高度的最后一个表行

Question

假设HTML如下所示，我如何才能让最后一行占用剩余的高度，并使n-1第一行占用所需的高度？

这似乎与Chrome一样有效，但在Firefox2或IE6/7/8中却不起作用。

<table>
  <tr>
    <td rowspan="5"><div style="border: 1px solid #cdcdcd; width: 100px; height: 300px;"/></td>
    <td/>
  </tr>
  <tr>
    <td>one</td>
  </tr>
  <tr>
    <td>two</td>
  </tr>
  <tr>
    <td>three</td>
  </tr>
  <tr>
    <td>full</td>
  </tr>
</table>

所以，我们的想法是，最后一行，包括“满”，应该是非常高的，而其他行，“一”，“二”和“三”，应该尽可能小。

我试过这样的东西，比如在行上放精确的高度，比如“我在最后一行上尝试了100%的高度，到目前为止没有运气！”

更新：

此布局将用于不同类型的内容，其目的是使表自身与内容相适应。有时div会很高，然后它的高度决定表的高度，但其他时候div是短的，则行(1、2、3)决定表的高度。

Answer 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><body>
<table border=1>
  <tr>
    <td rowspan="2"><div style="border: 1px solid #cdcdcd; width: 100px; height: 300px;"/></td>
    <td valign=top style="padding:0px;">
        <table height=1>
            <tr>
                <td>one</td>
          </tr>
          <tr>
                <td>two</td>
          </tr>
          <tr>
                <td>three</td>
          </tr>
          <tr>
    <td valign=top>full<br><br><br>more full</td>
  </tr>
        </table>
  </td>
  </tr>
</table>
</body></html>

Updatedx3，在ie6/ff中工作

Answer 2

如果javascript没有问题，可以使用jQuery查找最后一行的顶部位置和窗口或元素底部的位置。差异应设置为最后一行的高度。

我还没有做任何代码，因为我不确定您是在寻找对象内部的表，还是将其填充到窗口底部。如果你愿意的话，我可以帮你。