html - IE7 滚动条不起作用

Question

我正在修复 IE7 的错误，这个错误让我很困惑。本page中的内容大于其包含的 div。 IE7 正确显示垂直滚动条，但内容位于垂直滚动条的顶部，当用户单击滚动按钮时，内容不会移动。我无法想象是什么原因造成的。有什么想法吗？

编辑:我附上了问题的截图: alt text 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下不行，可能是here的解释(太复杂了，我还没吃午饭呢)。

我认为可行的方法是引入一个额外的 div 容器(在对您的代码进行非常粗略检查后，如果不行请不要起诉我)没有设置宽度。这将以防止溢出的方式自动调整其中的任何 width: 100% 元素。 (我假设为什么这是一个问题，首先是盒子模型问题与 margin-left: 20px 相关，对吗？)