IE滚动条中的额外空白区域

Question

我在IE9中有一个可滚动的div。滚动条右侧有一个额外的空白区域。

当我向右移动滚动条时，右侧的空白区域会变小，但会在滚动条的左侧传输，直到它完全消失。

任何人都知道为什么会这样？

谢谢！

编辑：

这是一个jsfiddle，您可以在其中看到滚动条中的空白区域。

enter code here

Answer 1

这很可能是由内联块元素之间的空白渲染引起的。它立即让我想起了Chris Coyier的article on the subject at CSS-Tricks：

  

这不是“错误”（我不认为）。这只是在一条线上设置元素的方式。您希望键入的单词之间的空格是空格吗？这些块之间的空间就像单词之间的空格。这并不是说规范无法更新，因为内联块元素之间的空格应该没什么，但我相当确定这是一个不可能发生的大量蠕虫。

他提供了许多解决方案。