4

fieldset で css の問題が発生しています。助けていただけないでしょうか?

コンテンツ div の幅よりも小さい幅のフィールドセットがあります。

コンテンツが広すぎるため、フィールドセットに水平スクロールバーを表示したいのですが、Firefox ではなく IE でのみ機能します。

前もって感謝します。

エリック

これは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

私も同じ問題を抱えていました。FF はオーバーフローを許可しません。オーバーフロー y またはオーバーフロー x を使用するかどうかに関係なく、fieldset タグで非表示になります。私の修正は「-moz-hidden-unscrollable」を使用していました。このような...

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

これは汚いハックですが、機能します。

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

于 2013-10-29T23:30:05.200 に答える