html - IE 滚动条中的额外空白

Question

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

当我将滚动条向右移动时，右侧的空白变小，但转移到滚动条的左侧，直到完全消失。

有人知道为什么会这样吗？

谢谢!

编辑:

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

enter code here

Answer 1

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

This isn't a "bug" (I don't think). It's just the way setting elements on a line works. You want spaces between words that you type to be spaces right? The spaces between these blocks are just like spaces between words. That's not to say the spec couldn't be updated to say that spaces between inline-block elements should be nothing, but I'm fairly certain that is a huge can of worms that is unlikely to ever happen.

他提供了多种解决方案。