溢出隐藏不似乎在Firefox中工作

2018-07-01 11:53:15

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

它看起来像是与<div class=info>东西，但它可能会导致它。

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

#overflow {
宽度：100％;
溢出：隐藏;
min-height：600px; }

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

这里是jsFiddle的链接来显示问题

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

这个问题怎么解决？

检查一下你所要做的就是添加position:relative; 进入#overflow 。这是在我的Firefox 20.0.1

这在Firefox中适用于我：

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

如果你设置：

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

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

链接地址: http://www.djcxy.com/p/87823.html