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

Question

我有一個與我的項目的小問題，我用css做了一個滑動牆，它看起來確定在鉻，但我不知道爲什麼它不適用於Firefox的工作，因爲它提供我是一個很大的溢出到一邊。

它看起來像是與<div class=info> 有關，但它可能會導致它。

此代碼是從一個教程，應該工作，我並沒有太大的改變，我認爲<div id=overflow>這只是有這個作爲CSS

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

會做的工作，但不是在我的情況。

這裏是link到的jsfiddle顯示問題

現在，我不知道是什麼原因造成的問題，請使用Firefox時發現在網站底部的滾動條。

如何解決這個問題？

Answer 1

Check this out 所有你需要做的就是添加position:relative;到您的#overflow。這是在我的Firefox 20.0.1

Answer 2

如果你設置：

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

這似乎糾正在Firefox中的問題。這意味着如果瀏覽器窗口比內容窄，用戶將無法滾動查看隱藏的內容。

Answer 3

這在Firefox的作​​品對我來說工作：

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