溢出隐藏似乎没有在Firefox中工作

Question

我的项目遇到了一个小问题，我用css制作了一个滑动墙，它在chrome中看起来不错，但我不知道为什么它不能与firefox一起工作，因为它给了我一个大的溢出到一边。

它看起来与<div class=info>有关 但它可能会导致它。

这段代码来自一个教程，应该可以正常工作，因为我没有太多变化，我认为<div id=overflow>只有这个作为css

  

#overflow {
  宽度：100％;
  溢出：隐藏;
  最小高度：600px;   }

会做这项工作，但不是我的情况。

以下是jsFiddle的link来显示问题

现在我不知道导致问题的原因，在使用firefox时请注意网站底部的滚动条。

如何解决这个问题？

Answer 1

Check this out 您所要做的就是将position:relative;添加到#overflow。这适用于我的firefox 20.0.1

Answer 2

这在firefox中适用于我：

#overflow {
width: 100%;
overflow-x: hidden !important;
position:relative !important;
min-height: 600px; }

Answer 3

如果你设置：

html {
    width: 100%;
    overflow-x: hidden;
}

似乎纠正了Firefox中的问题。这意味着如果浏览器窗口比内容窄，则用户将无法滚动查看隐藏的内容。