2011-09-14 30 views
11

Tôi thấy có hành vi lạ với DIV cuộn trong IE9. Tôi đang sử dụng thẻ CSS chiều cao tối đa trên DIV. DIV tăng cao hơn khi tôi nhập văn bản vào các ô nhập chứa trong DIV. Điều này chỉ xảy ra khi các hộp nhập liệu mở rộng ra ngoài cạnh phải của trang.Sự cố với DIV cuộn cao nhất trong IE9

Để tạo lại, thu nhỏ trình duyệt xuống để hộp nhập mở rộng ra ngoài cạnh phải của màn hình và thanh cuộn ngang xuất hiện trên DIV. Sau đó nhập văn bản vào bất kỳ một trong các hộp nhập liệu. DIV phát triển cao hơn với mọi phím tắt.

Tôi đã sửa đổi CSS hoặc HTML của mình hay đây có phải là lỗi với IE9 không?

Cảm ơn.

<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

này là rất lạ quả thật vậy! Đang tò mò để sửa chữa. – NGLN

+0

Live: http://jsbin.com/ifirur (đừng quên mở IE9 – Mohsen

+0

IE10 là tốt cho tôi. Nhưng IE9 giống như những gì OP nói – Mohsen

Trả lời

7

Có vẻ như là lỗi, không có lý do gì cho hành vi này. Tôi có thể khắc phục sự cố bằng cách thay thế overflow:auto bằng overflow-x:scroll.

Hãy xem: http://jsbin.com/ifirur/4

+0

Cảm ơn bạn đã xác nhận rằng đó là lỗi. – SkipHarris

+0

cảm ơn !! nó đã hoạt động !! – Davsket

+0

'ovefflow: hidden;' works too – Kinka

Các vấn đề liên quan