IE9中最大高度滾動DIV的問題

我在IE9中看到了滾動DIV的奇怪行爲。我在DIV上使用了最大高度的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>

來源

2011-09-14 SkipHarris

這是非常奇怪了！對修復感到好奇。 – NGLN

Live：http://jsbin.com/ifirur（不要忘了用IE9打開 – Mohsen

IE10對我來說很好，但是IE9就像OP說的那樣 – Mohsen

這似乎是一個錯誤，沒有理由這種行爲。我可以用overflow-x:scroll替換overflow:auto來解決問題。

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

來源

2011-09-14 22:56:49 Mohsen

感謝您確認這是一個bug。 – SkipHarris

謝謝!!它的工作！ – Davsket

'ovefflow：hidden;'也是作品 – Kinka

IE9中最大高度滾動DIV的問題

回答

相關問題