Css 为什么溢出：在firefox中，hidden可以在div上工作，但不能在字段集上工作？

我有一个字段集，如下所示：

<fieldset>
    <input><label>tada</label>
    <input><label>tada</label>
</fieldset>

fieldset{
    overflow: hidden;
    height: 20px;
}

input{
    display: block   
}

多田
多田
字段集{
溢出：隐藏；
高度：20px；
}
输入{
显示：块
}

Js小提琴：

为什么字段集显示了它包含的所有元素，而如果我将字段集更改为div：

---

溢出隐藏起作用。

我想你一定是在Firefox上，如果是这样的话，那么它就是一个

Bug 261037-未在字段集上实现溢出属性

---

解决方法：我在

字段集中嵌套了
div


我猜你一定是在Firefox上，如果是这样的话，那么它就是一个

Bug 261037-未在字段集上实现溢出属性


解决方法：我在
字段集中嵌套了
div


字段集具有默认浏览器css设置应用的填充

使用CSS重置确保所有浏览器和元素中的默认值相等

检查最常用的一个-Eric Meyer重置：

在第一个小提琴集中，字段集的css如下：

fieldset{
  overflow: hidden;
  height: 20px;
  padding: 0;
  margin: 0;
  border: none;
}

这将均衡显示。
对于Firefox，可以在以下位置找到解决方法：
该字段集具有默认浏览器css设置应用的填充

使用CSS重置确保所有浏览器和元素中的默认值相等

检查最常用的一个-Eric Meyer重置：

在第一个小提琴集中，字段集的css如下：

fieldset{
  overflow: hidden;
  height: 20px;
  padding: 0;
  margin: 0;
  border: none;
}

这将均衡显示。
对于Firefox，可以在以下位置找到解决方法：
我也有同样的问题。Firefox似乎不允许溢出：隐藏在字段集标记上，不管您使用的是overflow-y还是overflow-x。我的修复方法是使用“-moz hidden unclolleble”。像这样

fieldset{
    overflow: -moz-hidden-unscrollable;
}

这是一个肮脏的黑客，但它的工作

回复：
我也有同样的问题。Firefox似乎不允许溢出：隐藏在字段集标记上，不管您使用的是overflow-y还是overflow-x。我的修复方法是使用“-moz hidden unclolleble”。像这样

fieldset{
    overflow: -moz-hidden-unscrollable;
}

这是一个肮脏的黑客，但它的工作

回复：
我在Opera 15上，溢出也隐藏在字段集中。看起来像是浏览器（firefox？）的bug。。。它在Chrome中工作。我在Opera 15上，溢出也隐藏在fieldset中。看起来像是浏览器（firefox？）的bug。。。它在Chrome中工作。填充不会影响溢出。嗯。。。检查一下Chrome。@mzografski:Mate，你是在建议把它作为Firefox的补丁吗？不，我不是。我在这里看到的可能修复方法：填充不会影响溢出。。。检查一下Chrome。@mzografski:Mate，你是在建议把它作为Firefox的补丁吗？不，我不是。我在这里看到的可能修复：