Question

我有以下scenario，其中我有一张占据100％高度的桌子：

<table class="table1">
    <tr>
        <td class="fixed">
            Fixed height row
        </td>
    </tr>
    <tr>
        <td>
            <table class="table2"> 
                <tr>
                    <td>
                        Content
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

在表格单元格中，我有一些其他元素，我想填充父表格单元格高度（100％）。

这适用于IE Quirks模式（原始应用程序是针对它编写的），以及Chrome和Safari。我还没有检查过其他浏览器。

然而，在标准模式下，它似乎不适用于任何版本的IE。看来child元素没有隐式继承其父表单元格的高度。

这是一个IE错误，解决它的最佳方法是什么？

其他信息：

这种情况在我们试图使标准符合的巨大遗留企业应用程序中很普遍。因此，我正在寻找一种解决方案，它可以对标记进行尽可能少的更改。

Answer 1

请定位......即父母和孩子的位置等分别为：相对和绝对

Answer 2

为表格单元格提供100％的高度。

td{height:100%;}

请参阅IE http://jsfiddle.net/gqLUw/11/

中的更新小提琴

子元素不从IE中的父表单元格继承高度

2 个答案: