的Internet Explorer 9，選擇/取消錯誤

Question

我有包括細胞輸入表

有奇怪的錯誤（在IE9中，我並沒有在其他測試IE瀏覽器版本）之間移動後（或之後選擇/取消選擇）表 - 表的父div開始擴大，如果溢出：自動;屬性設置好的，如果有水平滾動

它的樣子：

Link to sample嘗試在表中選擇一些行

HTML：

<div class="maindiv"> 
    <div class="gridwrapper"> 
     <table> 
      <thead> 
       <tr> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
        <th>Column</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
       </tr> 
       <tr> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
        <td><input type='text' value='Cell'/></td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
    <div class="bottomdiv"> 
     <label>AddRow</label> 
    </div> 
</div> 

CSS：

.gridwrapper { 
    max-height: 150px; 
    overflow: auto; 
    border: 1px solid black; 
} 
.maindiv { 
    width: 400px; 
    border: 1px solid gray; 
} 
table { 
    width: 100%; 
} 

有人知道如何解決這個問題？

Answer 1

最小高度：0％;修復ie9中的這個bug

.gridwrapper { 
    min-height: 0%; 
    max-height: 150px; 
    overflow: auto; 
    border: 1px solid black; 
} 

Answer 2

當溢出屬性設置爲auto時，我在IE9中看到此行爲。但是，當該屬性設置爲滾動時，我無法在IE中重現該行爲。

嘗試這種情況：

.gridwrapper { 
    max-height: 150px; 
    overflow: scroll; 
    border: 1px solid black; 
}