1

Chrome と IE では正しく表示されますが、Firefox では正しく表示されない次のコードがあります。
Firefox では、2 行目のスクローラーが表示サイズ (縦) を超えています。
この問題の回避策はありますか?

これがフィドルです。

<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