2013-11-15 183 views
0

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

enter image description here

当我移动滚动到右边,在右边的空格变得越来越小,但对滚动条的左侧转移,直到完全消失。

enter image description here

任何人有一个想法,为什么发生这种情况?

谢谢!

编辑:

这里有一个jsfiddle在这里你可以看到滚动条的空白。

enter code here 
+1

在网站 –

+0

中提供链接不能。它是内部的。加上它只是一个具有样式规则的div: { \t display:inline-block; \t overflow-x:auto; \t overflow-y:scroll; \t white-space:nowrap; \t width:1000px } – dork

+0

jsfiddle example pls。 –

回答

0

这很可能是由内嵌块元素之间的空白渲染引起的。它立刻让我想起克里斯科伊尔的article on the subject at CSS-Tricks

这不是一个“错误”(我不认为)。这只是设置线上元素的方式。你想要输入的单词之间的空格是空格吗?这些块之间的空间就像单词之间的空格。这并不是说规格不能更新,说内联块元素之间的空间应该是没有什么,但我相当肯定,这是一个不可能发生的巨大的蠕虫罐。

他提供了许多解决方案。

+0

但滚动条不会影响旁边的其他元素。滚动条位于元素本身,而不是容器 – dork

+0

我无法在IE9模式下复制运行IE10的问题。你能证实这是为其他人发生的吗? – denmch

+0

是的,它不会发生在IE10 IE9模式下,只是普通的'IE9 – dork