2012-07-15 32 views
-2

我有一个与滚动条有关的小问题。问题是我在容器中有一组框。所有内容都固定为容器的最大宽度,一旦容器中元素的数量增加,overflow-y属性开始工作。Firefox和Opera中的滚动条

在Firefox和Opera中,(我不知道在IE中)滚动​​条的宽度出现并破坏我的布局,从三列到两列。

这里我的代码:http://jsfiddle.net/domoindal/ChkRg/

如果您在Chrome和Safari上运行它,它工作正常,由于滚动条出现过的内容,但在Firefox和Opera没有。

有什么办法可以避免引用浏览器中的这种影响?

谢谢。

+1

你能解释一下Firefox和Opera有什么问题吗?我看不出你的例子中我的firefox(13)和我的Chrome之间有什么区别。我在Firefox和Chrome中都有一个滚动条。 – phemios 2012-07-15 12:12:35

+0

我有一个三栏布局的框和Firefox,当内容溢出'Y'和滚动条出现时,布局通过两列。 – domoindal 2012-07-15 12:16:06

+2

当我打开你的小提琴示例时,我只有2列。你确定你没有使用Ctrl + plusKey或Ctrl + Scroll放大浏览器吗?请检查Firefox和Chrome。尝试“Ctrl + 0”或“Ctrl + Alt + 0”重置缩放。 – phemios 2012-07-15 12:20:20

回答

0

我想我理解你的问题,但我很惊讶它在Chrome中起作用,因为它不适用于我。 (也使用Chrome) 我首先想到增加宽度,所以滚动条会有足够的空间。 如果内容变得太高,可以用javascript检测,然后调整大小。