html - 表格行高

Question

我有一个带有表格的页面，我希望它的布局如下所示:

+------------+--------------+----------------------------------+
| 200px wide |  300px wide  |         Remaining width          |
|  2 rows    |    1 row     |              1 row               |
|Page height |              | Height of image scaled to width  |
|            +--------------+----------------------------------+
|            |                 Remaining width                 |
|            |                 Remaining height                |
|            |                 1 row, 2 columns                |
+------------+-------------------------------------------------+

除了将表格的高度限制为页面高度外，我似乎能够让所有东西正常工作。如何使表格高度等于页面高度？

这是一个sample page .

我可以使用 jQuery 在两分钟内完成此操作，但我真的不想使用 Javascript 来完成这么简单的事情。

编辑:仅在 Firefox 中测试。它可能会或可能不会在其他浏览器中工作。

Answer 1

像这样？

<table width="100%" height ="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200px" rowspan="2">&nbsp;</td>
    <td width="300px">&nbsp;</td>
    <td width="44%">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
</table>