Firefox 中的字段集内容溢出答案

【问题标题】：Fieldset contents overflow in FirefoxFirefox 中的字段集内容溢出
【发布时间】：2026-01-20 01:25:02
【问题描述】：

我遇到了有关 fieldset 的 css 问题，想知道您是否可以提供帮助？

我有一个宽度小于其内容 div 宽度的字段集。

我希望字段集显示一个水平滚动条，因为内容太宽，但它只适用于 IE 而不是 Firefox。

提前致谢。

埃里克

这是html

<fieldset style=" width:150px; overflow:scroll;" >
    <div style="width:200px; height:50px; background:red;">
        Contents...
    </div>
</fieldset>

【问题讨论】：

相关问题有非常详细的回答：*.com/questions/17408815/…

标签： css overflow fieldset

【解决方案1】：

我能想到的最好的办法是在字段集中放置 2 个嵌套 div：

<fieldset style="width:150px" >
    <div style="width: 150px; overflow-x:scroll;">
        <div style="width:200px; height:50px; background:red;">
            Contents...
        </div>
    </div>
</fieldset>

【讨论】：

【解决方案2】：

试试这个：

<fieldset style=" width:150px;">
    <div style="width:200px; height:50px; background:red; overflow:scroll;">
        Contents...
    </div>
</fieldset>

【讨论】：

overflow: scroll 无论如何都会强制滚动条，overflow: auto 可能是更好的选择。

【解决方案3】：

与其他人一样 have already mentioned，这是 Firefox 中的一个错误：Bug 261037 - overflow property not implemented on fieldset（2004 年报告，但仍未修复）

【讨论】：

有人说一切皆有可能，但这不是 :p 我会吃掉那个虫子

【解决方案4】：

我遇到了同样的问题。 FF 不允许溢出：无论您使用溢出-y 还是溢出-x，都隐藏在字段集标记上。我的解决方法是使用“-moz-hidden-unscrollable”。像这样……

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

这是一个肮脏的黑客，但它有效。

回复：https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values

【讨论】：