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

【问题标题】：Problem with max-height scrolling DIV in IE9IE9中最大高度滚动DIV的问题
【发布时间】：2011-11-17 08:42:16
【问题描述】：

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

【问题讨论】：

这确实很奇怪！对修复感到好奇。
直播：jsbin.com/ifirur（别忘了用IE9打开
IE10 对我来说很好。但是 IE9 就像 OP 所说的那样
几乎可以肯定是一个错误。奇怪的是，如果您在创建新空间后调整窗口大小，它们会消失。

标签： html internet-explorer-9 css

【解决方案1】：

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

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

【讨论】：

感谢您确认这是一个错误。