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

Question

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

Ski*_*ris 11 html css internet-explorer-9

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

Moh*_*sen 7

这似乎是一个错误,没有理由这种行为.我可以更换解决这个问题overflow:auto有overflow-x:scroll.

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

归档时间：	14 年，4 月前
查看次数：	7225 次
最近记录：	11 年，11 月前