100% 高度，嵌套表格，标准模式

Question

我正在尝试解决一些表格（嵌套）遇到的显示问题。简而言之，我们显示一个列出产品的页面。每个产品都显示在它自己的表格中。每一个都嵌套在一个更大的表格中来布局页面。不幸的是，一些内部表格的内容比其他表格稍多，并且它们最终的大小不同，导致其他表格无法填充包含的单元格。

例如：

<table style="height:500px; background:blue;">
    <tr>
        <td style="vertical-align: top">
            <table style="background:red; height: 100%;">
                <tr>
                    <td>hello</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

在怪异模式下，红色表格填充蓝色表格，因此您基本上会看到带有蓝色边框的红色表格。

然而，在标准模式下，内部表格不会扩展以填充蓝色表格。导致布局完全不符合预期。

我该如何解决这个问题？我不想以怪癖进行渲染，因为这最终会造成维护噩梦。

Answer 1

贴上和style="height: 100%;"标签。将高度设置为 100% 需要每个父母都有一个定义的高度。<td><tr>