Question

我有一个表放在一个带溢出的div里面：滚动和高度以百分比表示。它在chrome中正确渲染，带有div的滚动条，但在IE和Firefox中，div正在扩展到表格高度，因此在网页上生成滚动条并拉伸它。请帮忙。

Jsfiddle：https://jsfiddle.net/dijsky/691vg2gb/（首先在Chrome中打开然后在IE11中，你会发现滚动条的区别）

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
        <table id="Table1" style="Z-INDEX: 111; LEFT: 16px; POSITION: absolute; TOP: 320px; HEIGHT: 240px" cellspacing="1" cellpadding="1" width="100%" border="1">
                <tr>

                                            <td style="width:100%;height:100%;">
                                            <div style="overflow:scroll;width:100%;height:100%;">                       
                                                <table border="1" cellspacing="0" cellpadding="0" width="100%" rules="all" style="table-layout:fixed;">                             
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                    <tr><td><span>Test</span></td></tr>
                                                </table>
                                            </div>
                                            </td>

                </tr>
            </TABLE>
</body>
</html>

表格高度是拉伸div容器，其高度在Internet Explorer中以百分比定义

0 个答案: