FireFox上的CSS溢出隐藏问题

Question

建议：它发生在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溢出声明？

根据您的意愿，进行两次实时测试：

With ID

With class

顺便说一下，有一个愚蠢的错误，但现在也没有Id或班级工作......

Answer 1

看起来你已经遇到了https://bugzilla.mozilla.org/show_bug.cgi?id=261037，这已经在即将推出的Firefox 28中修复了。大约5天后发货了。所以除非你真的需要在旧的Firefox中使用它版本我不会为解决方法而烦恼;假设它会起作用。

如果你确实需要解决，你可以尝试在fieldset中使用嵌套div，高度设置为100％，div上有溢出样式。

Answer 2

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

Content categories by MDN

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

从Mozilla看这个示例os用法：

Example of fieldset usage by Mozilla

我做了一个跨浏览器版本： This will work in FireFox

内容正在扩大框架集......

我不知道FireFox是否正确，但是fieldset的使用应该更加清晰，因为与其他常见内容类别有区别。我找不到一个适当的Mozilla论坛来讨论这个，我认为他们应该知道。如果您知道如何更好地联系开发团队，请告诉我们。