Question

我在IE9中看到了滚动DIV的奇怪行为。我正在使用DIV上的max-height CSS标签。当我将文本输入到DIV中包含的输入框时，DIV会变得更高。仅当输入框超出页面的右边缘时才会发生这种情况。

要重新创建，请缩小浏览器，使输入框超出屏幕右边缘，水平滚动条显示在DIV上。然后在任何一个输入框中输入文本。每次按键时，DIV都会变高。

我搞砸了我的CSS或HTML，还是这是IE9的错误？

感谢。

<head>
<style type="text/css">
.ScrollTest
{
    max-height: 200px;
    overflow:auto;
}
</style>
</head>
<body>
<div class="ScrollTest">
    <table class="ScrollTest">
        <tr>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
            <td><input /></td>
        </tr>
    </table>
</div>
<div>Second DIV</div>  
</body>
</html>

Answer 1

这似乎是一个错误，没有理由这种行为。我可以使用overflow:auto替换overflow-x:scroll来解决问题。

看看： http://jsbin.com/ifirur/4

IE9中最大高度滚动DIV的问题

1 个答案: