Question

我正在使用固定高度<table>元素创建一个HTML表格（需要使用<td>），并尝试添加一个可滚动的div（overflow：auto）和一个高度100％这在Chrome中运行良好。然而，在IE11中，元素仍然只是扩展以适应其内容的大小。当可滚动div在另一个div内时，这不是问题;只有在桌子里面。这是一个代表问题的片段：

<html>
    <table>
        <tr>
            <td style="height:50px; width:100px; border: 1px solid black;">
                <div style="height:100%; overflow:auto">
                    content!<br/>
                    content!<br/>
                    content!<br/>
                    content!<br/>
                    content!<br/>
                    content!<br/>
                    content!<br/>
                </div>
            </td>
        </tr>
    </table>

    <div style="height:50px; width:100px; border: 1px solid black;">
        <div style="height:100%; overflow:auto">
            content!<br/>
            content!<br/>
            content!<br/>
            content!<br/>
            content!<br/>
            content!<br/>
            content!<br/>
        </div>
    </div>
</html>

我希望两个内容区域都可以滚动，但在IE11中，只有其中一个是可滚动的。有没有人知道为什么会发生这种情况，或者有一个很好的方法可以在可滚动的div上保持相对高度？我知道我可以绕过这个问题：（a）放弃桌子或（b）给可滚动的div一个固定的高度，但这些对我来说都不是很有吸引力的选择。

溢出：在IE11中的表内自动

0 个答案: