【发布时间】:2012-07-15 12:06:26
【问题描述】:
我有一个与滚动条相关的小问题。问题是我在一个容器中有一组盒子。所有内容都固定为容器的最大宽度,一旦容器内的元素数量增加,overflow-y 属性就会开始工作。
在 Firefox 和 opera 中,(我在 IE 中不知道)滚动条的宽度出现并破坏了我的布局,从三列变为两列。
这里有代码:http://jsfiddle.net/domoindal/ChkRg/
如果您在 Chrome 和 Safari 中运行它,它可以正常工作,因为滚动条会出现在内容上方,但在 Firefox 和 Opera 中则不会。
有什么办法可以避免在引用的浏览器中出现这种影响?
谢谢。
【问题讨论】:
-
您能否更好地解释一下 Firefox 和 Opera 的问题是什么?在您的示例中,我看不出我的 firefox (13) 和我的 chrome 之间有任何区别。我在 Firefox 和 chrome 中有一个滚动条。
-
我有一个带框的三列布局,在 Firefox 中,当 'y' 中的内容溢出并且出现滚动条时,布局将传递到两列。
-
当我打开你的小提琴示例时,我只有 2 列。您确定没有使用
Ctrl + plusKey或Ctrl + Scroll放大浏览器吗?请检查 Firefox 和 Chrome。尝试Ctrl + 0或Ctrl + Alt + 0重置缩放。