Question

这在预期的情况下可以在30行上工作，但在插入例如插入时增加了50％以上的块高度100行进入它。谁能解释会发生什么？我只注意到FF中的这个错误。

<!DOCTYPE html>
<html style="height:100%;">
<head>
    <title></title>
</head>
<body style="height:100%;background:grey;padding:0;margin:0;">
    <table style="height:100%;">
        <tr>
            <td style="height:100%;">
                <div style="background:white;height:50%; overflow: auto">
                    <script>
                        // try 100 to see a bug 
                        for (i = 0; i <= 30; i++) {
                            document.write(i + " Sample text<br>");
                        }
                    </script>
                </div>
                <div style="background:blue; height:50%">
                Sample text
                </div>  
            </td>
        </tr>
    </table>
</body>
</html>

Answer 1

记录：将tbody的高度设置为100％可以解决这个问题。使用百分比值时要小心，因为它们有时非常棘手。

Answer 2

我的测试显示添加身高：100％;将解决问题。

溢出自动/滚动在具有巨大innerhtml值的FF中无法正常工作

2 个答案: