が にならないのはなぜですか?フレックス レイアウトをサポートしますか? CSS では、要素は、フレックス レイアウトに関しては特殊なケースとして扱われます。 display: flex または display: inline-flex でスタイルを設定しようとしているにもかかわらず、それぞれ block 要素または inline-block 要素のように動作します。この動作は、Firefox や Chrome などのブラウザで予期しない結果が発生する一部の開発者を困惑させます。しかし、Internet Explorer では不可解なことに動作します。これはバグですか、それとも意図された動作ですか? 説明 バグ レポート (バグ 984869 およびバグ 1047590) によると、 と - 特別なレンダリング動作があります。 Chrome や Firefox などのブラウザは、これらの要素を純粋に CSS で実装していないため、CSS の観点からはブラック ボックスのように動作します。これは、これらの要素が常に他の非特殊な要素タイプとして反応するとは限らないことを意味します。 として。たとえば、スクロールバーは <ボタン> には表示されません。 overflow:scroll を使用すると、display:table.を使用してもテーブルとしてレンダリングされません。同様に、 の場合、フレックス表示モードは無視されます。この動作は、 へのフレックス レイアウトの適用を拒否する Internet Explorer と一致しています。 解決策 内で特定のレイアウトを確実に実現するにはクロスブラウザーを使用する場合、最も効果的な解決策は、ラッパー を利用することです。 内で自体。このアプローチは、 に必要なものと似ています。 <フィールドセット>他のブラウザ内でも。
