Question

我有一个关于fieldset的css问题，并想知道你是否可以提供帮助？

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

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

提前致谢。

埃里克

这是html

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

Answer 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>

Answer 2

试试这个：

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

Answer 3

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

Answer 4

我遇到了同样的问题。 FF不允许溢出：隐藏在fieldset标记上，无论你使用overflow-y还是overflow-x。我的修复是使用'-moz-hidden-unscrollable'。像这样......

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

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

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

Firefox中的Fieldset内容溢出

4 个答案: