Vấn đề với thanh cuộn trong IE9, vị trí: cố định, tràn: tự động

Question

Tôi gặp phải sự cố lạ với thanh cuộn dọc trên IE9 khi sử dụng div với vị trí cố định và tràn: tự động đặt trên div.

Xem trường hợp tại đây bằng IE9 và thu nhỏ chiều cao cửa sổ xuống một kích thước nhỏ.

http://bytiger.com/add/ie9_div_test.html

Tôi có thể khẳng định rằng điều này không xảy ra trên IE8.

Có ai biết một vụ hack hợp lý xung quanh vấn đề này không? Tôi đã cố gắng thiết lập chiều rộng để chiều rộng cửa sổ, nhưng có vẻ như nó cố ý trừ một chiều rộng thanh cuộn từ kích thước của div. Tôi muốn xem nếu có một giải pháp mà không cần phải tính toán hằng số này hoặc hardcode nó và thêm này trở lại chiều rộng tính toán.

Chúc mừng!

CHỈNH SỬA: Jsfiddle dường như không thể hiện sự cố ... do đó có thể là một gợi ý lớn về những gì có thể xảy ra.

http://jsfiddle.net/dvAKW/

Answer 1

Có vẻ như IE9 không xử lý các box-sizing tài sản một cách chính xác - thay đổi nó từ "border-box" thành "nội dung hộp" hoặc rời khỏi nó trống sẽ khắc phục vấn đề của bạn.