internet-explorer-7 - 垂直滚动条错误 IE9 和 IE7

Question

为什么当 div 的宽度以编程方式设置为视口(viewport)的宽度并且 overflow 属性以编程方式设置为自动时，IE9 和 IE7 无法正确显示垂直滚动条...

在 IE9 中，滚动条显示在最左边 17 像素处。在 IE7 中，滚动条显示在最左边 17 像素处，并且旁边有一个禁用的滚动条。

这里有一个网页来说明:

http://www.sweetkarma.net/iebug

更多信息:在问了这个问题之后，我做了更多的搜索，发现了这个:

似乎 IE9 无法正确处理 box-sizing 属性 - 将其从“border-box”更改为“content-box”或将其留空将解决您的问题。

这解决了 IE9 但不是 IE7 中的问题。

Answer 1

IE border-box 模型将 padding 和 margins 算作元素的一部分。所以，你可以做两件事:

• 将填充和边距明确设置为零
• 计算默认边距和填充并从动态宽度中减去它

引用资料

• Exploring the Box Ocean in Explorer - Boxing with CSS, Part II: No Margin For Error

• Standards and CSS in IE

• Quirksmode: box-sizing