如何来溢出：隐藏工程在一个div，但不是一个fieldset在firefox？ [英] How come overflow:hidden works on a div but not a fieldset in firefox?

问题描述

我有一个类似这样的字段集：

I have a fieldset that looks like this:

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

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

input{
    display: block   
}

b $ b

Js-fiddle：

Js-fiddle:

http ：//jsfiddle.net/GWdWy/1/

字段集如何显示其包含的元素，而如果我将字段集更改为div：
http://jsfiddle.net/GWdWy/2/

how come the fieldset shows all it's containing elements, whilst if I change the fieldset to a div: http://jsfiddle.net/GWdWy/2/

溢出隐藏的工作。

推荐答案

我想你必须在Firefox上，如果是因此，它比错误

I guess you must be on Firefox, if it's that so, than it's a bug

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

Bug 261037 - overflow property not implemented on fieldset

---

$ b b

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

演示

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

这篇关于如何来溢出：隐藏工程在一个div，但不是一个fieldset在firefox？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！