firefox和opera中的滚动条

Question

我有一个与滚动条有关的问题。问题是我在容器中有一组盒子。所有内容都固定了容器的最大宽度，一旦容器中元素的数量增加，overflow-y属性就开始工作。

在Firefox和Opera中，（我不知道在IE中）滚动​​条的宽度出现并破坏我的布局从三列传递到两列。

我在这里有代码：http://jsfiddle.net/domoindal/ChkRg/

如果您在Chrome和Safari中运行它，它可以正常工作，因为滚动条出现在内容上，但在Firefox和Opera中没有。

有没有办法可以在引用的浏览器中避免这种效果？

感谢。

Answer 1

我想我理解你的问题，但我很惊讶它在Chrome中有效，因为它对我不起作用。 （也使用Chrome） 我首先考虑增加宽度，因此滚动条将有足够的空间。 您可以使用javascript检测内容是否过高，然后调整大小。