html表格，如何使顶部列恰好适合内容的高度，下面的列占据其余部分答案

【问题标题】：html Table, how to make top column just fit the height of the content with column below taking up the resthtml表格，如何使顶部列恰好适合内容的高度，下面的列占据其余部分
【发布时间】：2012-02-25 15:23:00
【问题描述】：

使用如下表格布局卡住了，其中 a 列中有很多内容，所有列都有固定宽度和垂直对齐：顶部

    ----------------------------------------------
    |       |                          |         |
    |   a   |         b                |    c    |
    |       |                          |         |
    |       |                          |         |
    |       |                          |         |
    |       |--------------------------|         |
    |       |    d        |     e      |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    ----------------------------------------------

我这里有一个代码示例：http://jsfiddle.net/cwQtK/

我需要它在 b 列与内容一样高的情况下执行此操作，因此看起来 d 列和 e 列中的内容直接位于 b 列中的内容之后。

    ----------------------------------------------
    |       |                          |         |
    |   a   |         b                |    c    |
    |       |--------------------------|         |
    |       |     d       |      e     |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    |       |             |            |         |
    ----------------------------------------------

我可以通过将 b 列的高度设置为小于其内容的大小来破解它以在 Firefox 中执行我想要的操作（并且开箱即用的 Chrome 会按照我想要的方式执行此操作）。

http://jsfiddle.net/cwQtK/1/

问题是这在 IE 中不起作用。

有人知道怎么做这种布局吗？

【问题讨论】：

标签： html css internet-explorer html-table

【解决方案1】：

将 b、d 和 e 设为单独的表格，没有设置高度，然后它会自动缩小到内容。因此，您将有一个表 a,b,c 然后在该 b 单元格中您将放置当前的 b,d,e

【讨论】：

谢谢，效果很好！我希望你不必嵌套表，但我会做我该做的