html - 溢出隐藏似乎在Firefox中不起作用

Question

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

它看起来与它有关，<div class=info> 但它可能是其他原因造成的。

这段代码来自一个应该可以工作的教程，因为我没有太大改变，我认为<div id=overflow>它只是将这个作为 css

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

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

这是 jsFiddle 的链接以显示问题

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

如何解决这个问题？

score 2 · Accepted Answer

检查一下您所要做的就是添加position:relative;到您的#overflow. 这适用于我的 Firefox 20.0.1

score 1 · Accepted Answer

这在 Firefox 中对我有用：

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

score 0 · Accepted Answer

如果你设置：

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

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

3 回答 3