<フィールドセット>サイズ変更の問題 問題: A 含まれている が含まれている場合でも、親コンテナ内に収まるように幅をサイズ変更できません。要素の最大幅は 100% です。この問題は、Firefox および Android 版 Firefox でのみ発生します。 原因: Gecko ブラウザ (Firefox を含む) では、フィールドセットの最小幅が固有の幅と同じに強制されています。デフォルトではコンテンツの幅。この動作は、Gecko のレンダリング エンジンではオーバーライドできません。 解決策: Firefox でのサイズ変更の問題を解決するには、フィールドセットの表示プロパティを次のいずれかの値に設定します。 テーブルセル(推奨) テーブル列 テーブル列グループ テーブルフッターグループ table-header-group table-row table-row-group さらに、この修正を他のブラウザから隠すには、@-moz-document CSS 拡張機能を使用します: @-moz-document url-prefix() { fieldset { display: table-cell; } } 注: この @-moz-document ハックは Firefox 53 では必要なくなりました。根本的なバグは修正されたため、後で説明します。