2011-09-14 14 views
11

IE9でスクロールするDIVで奇妙な動作が見られました。私はDIVでmax-height CSSタグを使用しています。 DIVは、DIVに含まれる入力ボックスにテキストを入力すると、より大きくなります。これは、入力ボックスがページの右端を超えている場合にのみ発生します。IE9で最大高さのスクロール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> 
+0

は、これは確かに非常に奇妙です!修正に興味がある。 – NGLN

+0

Live:http://jsbin.com/ifirur(IE9で開くことを忘れないでください) – Mohsen

+0

IE10は私にとっては問題ありませんが、IE9はOPと同じです – Mohsen

答えて

7

これはバグのようですが、この動作の理由はありません。 overflow:autooverflow-x:scrollに置き換えて問題を解決できました。

は見てみましょう: http://jsbin.com/ifirur/4

+0

バグであることを確認してくれてありがとう – SkipHarris

+0

ありがとう!!それは働いた!! – Davsket

+0

'ovefflow:hidden;'もうまくいきます – Kinka

関連する問題