css - 怎么会溢出:hidden works on a div but not a fieldset in firefox?

Question

我有一个如下所示的字段集:

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

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

input{
    display: block   
}

Js fiddle :

http://jsfiddle.net/GWdWy/1/

为什么字段集会显示它包含的所有元素，而如果我将字段集更改为 div: http://jsfiddle.net/GWdWy/2/

溢出隐藏的作品。

Answer 1

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

Bug 261037 - overflow property not implemented on fieldset

---

解决方法:我在 fieldset 中嵌套了一个 div

Demo

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