overflow hidden doesnt seem to work in firefox

I'm having a small problem with my project, I have made a sliding wall with css, it looks ok in chrome but I have no idea why it doesnt work with firefox as it gives me a large overflow to the side.

It looks like its something to do with <div class=info> but it something else might be causing it.

This code is from a tutorial which should work as I have not changed much, I thought that <div id=overflow> which just has this as css

#overflow {
width: 100%;
overflow: hidden;
min-height: 600px; }

would do the job but not in my case.

Here is the link to the jsFiddle to show the problem

Right now I have no idea what is causing the problem, notice the scroll bar at the bottom of the site when using firefox.

How can this problem be fixed?

---

Check this out All you have to do is to add position:relative; into your #overflow . This is working in my firefox 20.0.1

---

这在Firefox中适用于我：

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

---

If you set:

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

It seems to correct the issue in Firefox. It does mean that if the browser window is narrower than the content, the user won't be able to scroll to see the hidden content.

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

上一篇: Div隐藏在包含带滚动条的div滚动条的下方：滚动设置

下一篇: 溢出隐藏不似乎在Firefox中工作