4

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

例如：

<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>

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

然而，在标准模式下，内表不会扩展以填充蓝色表。导致布局完全不像预期的那样。

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

4

2 回答 2

2

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

于 2011-07-11T17:57:22.173 回答
0

不要设置外部表的高度，而是设置嵌套表的<td>和的高度。style="height: 100%;"

于 2017-10-26T06:11:00.623 回答