IE7滾動條不起作用

Question

我正在修復IE7的錯誤，這個讓我難過。 此頁面中的內容大於其包含的div。 IE7正確顯示垂直滾動條，但內容位於垂直滾動條的頂部，當用戶單擊滾動按鈕時，內容不會移動。 我無法想象造成這種情況的原因。 有任何想法嗎？

編輯：我附上了問題的截圖： 替代文字http://img31.imageshack.us/img31/605/picture5kw.png

Answer 1

我想這是因為IE7和IE6沒有正確解釋你的overflow-x和overflow-y屬性：

#content_box  {
float:left;
height:456px;
margin-left:20px;
overflow-x:hidden;
overflow-y:scroll;

對於IE6來說這很容易解釋：它根本就不知道那些屬性。 至於為什么它在IE7中不起作用，也許這里有解釋（這對我來說太復雜了，我還沒吃過午餐）。

我覺得可能工作（你的代碼的一個非常粗略的檢查后，如果它不不告我）是引入額外div沒有設置寬度的容器。 這將自動調整任何width: 100%元素以防止溢出的方式。 （我假設為什么這是一個問題，首先是盒子模型問題與margin-left: 20px ，對嗎？）

Answer 2

IE7滾動問題

應用position: relative對於具有屬性overflow-y：auto的容器;

例如

#content_box{
    position: relative;
    overflow-y:auto;
}

以上解決方案適合我。

Answer 3

是否可以將.grey_box的寬度設置為硬編碼的510px ？ 因為看起來IE7是唯一一個能夠530px這一點的人，因為#content_box設置為530px帶有10px填充，這將使所有的盒子都在520px寬，而這是在滾動條的某個地方。 Pekka也可能是一些東西，IE7和IE6沒有正確實現溢出。