4

我对 fieldset 有一个 css 问题，想知道您是否可以提供帮助？

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

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

提前致谢。

埃里克

这是html

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

4 回答 4

6

我能想到的最好的办法是在字段集中放置 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>
于 2010-06-29T03:55:16.860 回答
0

试试这个：

<fieldset style=" width:150px;">
    <div style="width:200px; height:50px; background:red; overflow:scroll;">
        Contents...
    </div>
</fieldset>
于 2010-06-29T04:02:21.063 回答
0

正如其他人已经 提到 的，这是 Firefox 中的一个错误：错误 261037 - 在字段集上未实现溢出属性（2004 年报告，但仍未修复）

于 2013-10-08T17:59:39.227 回答
0

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

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

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

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

于 2013-10-29T23:30:05.200 回答