简体繁体 English

溢出：隐藏在Firefox 3.6中

[英]Overflow: hidden in firefox 3.6

原文 2012-01-13 09:58:14 1 1 javascript/ jquery/ css/ html5/ overflow

I made a form script so that I can always use that if I need a form, but I noticed that when I set for a field the property on overflow hidden it still is visible in Firefox (tested in 3.6). 我创建了一个表单脚本，以便我可以随时使用它，如果我需要一个表单，但我注意到当我设置一个字段时，溢出隐藏的属性仍然在Firefox中可见（在3.6中测试）。

I saw that still more than 5% of the users look in FF 3.6 so I need to fix it. 我看到仍有超过5％的用户在FF 3.6中查看，所以我需要修复它。
I googled it for it but all the fixes they said didn't help me with my bug... 我用谷歌搜索了它，但他们说的所有修复都没有帮助我解决我的错误......

Link to jsFiddle I made a part on the form in JS fiddle, if you can test in chrome, IE 6+ and then FF 3.6 you see the differences (when you click on the checkbox the hidden content should show). 链接到jsFiddle我参与了JS小提琴中的表单，如果你可以在chrome，IE 6+和FF 3.6中测试你看到的差异（当你点击隐藏内容应该显示的复选框时）。

Please can someone help, 请有人帮忙，

Sander 桑德

1 个解决方案

It looks like it is a Mozilla bug that has been going on for over 7 years (reported 2004-09-22): 它看起来像是一个已经持续了7年多的Mozilla bug（2004-09-22报道）：

https://bugzilla.mozilla.org/show_bug.cgi?id=261037 https://bugzilla.mozilla.org/show_bug.cgi?id=261037

The problem 问题

overflow is always treated as overflow: visible on a fieldset when it is assigned a fixed height or width (no matter what you set it as). overflow始终被视为overflow: visible当fieldset被赋予固定的高度或宽度时（无论您将其设置为什么），它都overflow: visible 。

The Workaround 解决方法

You could either use display: none to hide the fieldset content or if you want to carry on using the overflow:hidden approach then you could either change the element from fieldset to div or nest fieldset within another div with the property overflow: hidden . 您可以使用display: none来隐藏fieldset内容，或者如果您想继续使用overflow:hidden方法，那么您可以将元素从fieldset更改为div或使用属性overflow: hidden在另一个div嵌套fieldset 。