Firefox 100%溢出DIV在100%表格单元格中超出了内容大小

时间:2013-07-30 07:49:22

标签: html firefox cross-browser

我有以下代码在Chrome和IE中显示正确但在Firefox中没有 在Firefox中,第二行的滚动条超出了显示尺寸(垂直) 是否有针对此问题的解决方法?

这是Fiddle

<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>

0 个答案:

没有答案