垂直滚动条错误IE9和IE7

时间:2013-04-05 13:46:38

标签: internet-explorer-7 internet-explorer-9 scrollbar

为什么当div的宽度以编程方式设置为视口的宽度并且溢出属性以编程方式设置为自动时,IE9和IE7不正确地显示垂直滚动条...

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

这是一个网页,用于说明:

http://www.sweetkarma.net/iebug

更多信息:在提出这个问题之后,我做了一些搜索,发现了这个:

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

这解决了IE9中的问题,但没有修复IE7。

1 个答案:

答案 0 :(得分:0)

IE边框模型将填充和边距计为元素的一部分。所以,你可以做两件事:

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

<强>参考