Javascript FireFox上的CSS溢出隐藏问题

建议：它发生在fieldset上，而不是div上。请参阅下面的测试链接

在Firefox中，这是可行的，内容在50px时被切断：

#someDiv {
    display:block;
    height:50px;
    overflow:hidden;
}

但这不起作用，所有内容都显示：

.openAndClose {
    display:block;
    height:50px;
    overflow:hidden;
}

在Safari和Chrome中，两种CSS声明都有效。对于稍后将由JavaScript打开和（几乎）关闭的div，使用伪类非常有用。否则，我将不得不设置每个ID，如果我决定将50px更改为60px，则必须对所有ID进行更正

有没有办法让FireFox接受伪类CSS溢出声明

如您所愿，进行两次现场测试：

---

顺便说一句，出现了一个愚蠢的错误，但现在Id或类都不起作用了…

FireFox对fieldset类元素有不同的理解。但是，如本文所述：

它应该呈现为div。相反，它呈现为透明矩形，可能是因为它在表单上下文中被考虑，但在文档中不清楚

查看来自Mozilla的操作系统使用示例：

我做了一个跨浏览器版本：

内容正在扩大框架集

---

我不知道FireFox是否正确，但fieldset的用法应该更清楚，因为它与div等其他常见内容类别不同。我找不到合适的Mozilla论坛来讨论这个问题，我认为他们应该知道。如果您知道如何更好地联系开发团队，请让我知道。

看起来您遇到了，这在即将推出的Firefox 28中得到了修复。从现在起大约5天内就要发货了，所以除非你真的需要在旧的Firefox版本中使用它，否则我不会为解决方法费心；只要假设它会起作用

---

如果您确实需要解决这个问题，您可以尝试在字段集中使用嵌套div，高度设置为100%，div上使用溢出样式。

我认为您必须链接/显示一个示例，因为故事的内容肯定不止这些。你能设置密码笔或其他什么吗？无法复制->。但是一个

.class

没有正确地应用于一个元素（之前至少在表中看到过），然后我也设置了类型-

div.openAndClose

，我认为它工作得很好。在所有浏览器中都进行了测试。很明显，你犯了一些愚蠢的错误，却看不出来。如果你想让我们指出它，请张贴原始代码。谢谢@ItayGrudev：我想的不是div标签，而是一个字段集，也许我看错了问题的另一面，也许FireFox在标签之间有一个问题，而其他浏览器没有。@GustavoPinent，也许这会有帮助……好吧，这真的是一个答案。此外，我认为手头有旧FF版本的解决方案是很好的，谁知道呢。。。我的解决方案得到的方法与你的相同，但高度设置为自动（完全）或0px以隐藏全部，或50px仅显示部分，100%将使其相对。有趣的是，这个“bug”是从2004年开始的，到目前为止有一个很长的故事，最后一次更新是今天。。。真是巧合！