1

我有以下代码在 Chrome 和 IE 中显示正确，但在 Firefox 中显示不正确。
在 Firefox 中，第二行的滚动条超出了显示大小（垂直）。
是否有解决此问题的方法？

这是小提琴。

<html>
    <head>
        <style>
            body,html {
                height:100%;
                width:100%;
                overflow:hidden;
                margin:0px;
                padding:0px;
            }
            table {
                table-layout: fixed;
            }
        </style>
    </head>
    <body>
        <table height="100%" border="1">
            <tr valign="top">
                <td style="height:100px">
                    first row
                </td>
            </tr>
            <tr>
                <td style="height:100%">
                    <div style="height:100%;overflow-y:scroll">
                        scroll content begin<br>
                        1<br><br><br><br>
                        2<br><br><br><br>
                        3<br><br><br><br>
                        4<br><br><br><br>
                        5<br><br><br><br>
                        6<br><br><br><br>
                        7<br><br><br><br>
                        8<br><br><br><br>
                        9<br><br><br><br>
                        10<br><br><br><br>
                        11<br><br><br><br>
                        12<br><br><br><br>
                        13<br><br><br><br>
                        14<br><br><br><br>
                        15<br><br><br><br>
                        16<br><br><br><br>
                        17<br><br><br><br>
                        18<br><br><br><br>

                        scroll content end
                    </div>
                </td>
            </tr>
        </table>

    </body>
</html>
4

0 回答 0