Проблема с максимальной высотой прокрутки DIV в IE9 - PullRequest
Новая
       1

Проблема с максимальной высотой прокрутки DIV в IE9

11 голосов
/ 15 сентября 2011

Я вижу странное поведение прокрутки DIV в IE9. Я использую тэг max-height CSS в DIV. 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>

1 Ответ

7 голосов
/ 15 сентября 2011

Кажется, это ошибка, нет причин для такого поведения. Я мог бы решить проблему с заменой overflow:auto на overflow-x:scroll.

Посмотрите: http://jsbin.com/ifirur/4

...