Thanh cuộn ngang chỉ xuất hiện trong IE7 ngay cả khi tràn: ẩn đang được đặt

Question

Tôi đang đập đầu vào cái này.

Tôi có một thanh cuộn ngang lo ngại rằng chỉ xuất hiện khi duyệt trang web của tôi trong IE7:
http://www.regia.it

Tôi đã cố gắng và cố gắng để ngăn chặn điều này xảy ra bằng cách sử dụng overflow:hidden trên div s của tôi, nhưng vì một lý do tôi chỉ dường như không thể tìm thấy nguyên nhân gây ra sự cố.

Bất kỳ trợ giúp nào được đánh giá cao.

Answer 1

Điều này có vẻ lạ. Tôi giả sử bạn không nhớ nếu trang không phải là theo chiều ngang cuộn ngay cả trên màn hình nhỏ, vì bạn đã cố gắng sử dụng:

body{overflow-x: hidden;} 

Trong trường hợp này nếu bạn áp dụng nó vào html hơn body nó nên làm lừa:

html{overflow-x: hidden;} 

Tôi thực sự không muốn thực hiện điều này lâu dài, nhưng nếu bạn đang tìm cách khắc phục nhanh, điều này sẽ ổn như một biện pháp tạm thời cho đến khi bạn có thể tìm ra những gì đang xảy ra. Tôi cũng sẽ đưa nó vào một bình luận có điều kiện để không làm hỏng trải nghiệm của đa số mọi người trên các trình duyệt hiện đại.

<!--[if IE 7]> 
    Link to alternate style sheet 
    OR 
    <style> /*CSS in here*/ </style> 
<![endif]--> 

EDIT: Tôi đã tìm thấy nguyên nhân của vấn đề này, vì vậy không có nhu cầu sử dụng các cách giải quyết trên. Như tôi đã nghi ngờ vấn đề liên quan đến vị trí tuyệt đối và tương đối.

Bạn chỉ cần xóa position:relative khỏi .grid_2 và .grid_12 và thanh cuộn sẽ biến mất.

Answer 2

Tôi cũng gặp phải vấn đề khó hiểu này. Tôi đã có một bảng trong một div, và chúng nằm trong một div bên ngoài. Khi tôi loại bỏ phong cách để làm cho chiều rộng div bên trong: 100%, tình trạng thanh cuộn 'IE7 chỉ' của tôi biến mất.

Hy vọng rằng điều đó có phần hữu ích.