Flexbox と Grid の時代に、Web レイアウトの Float は時代遅れですか?

レイアウト用の Float は廃止されましたか?

CSS を Web デザインに組み込むことで、レイアウト用の float の適合性について疑問が生じています。この記事では、この問題を調査し、フロートが最初にこの目的で使用された理由を検証し、最新のブラウザーの互換性に対処する代替案を示します。

従来、Web サイトのレイアウトにはテーブルが使用されていました。しかし、CSS はパラダイム シフトをもたらし、要素を配置するための一般的な方法として float が台頭しました。フロートを使用すると、要素を片側に配置し、コンテンツがその周りを流れるようにすることができます。

ただし、フロートはレイアウト用に設計されたものではありません。その主な機能は、画像や表などの要素の周囲のテキスト フローを制御することです。これは印刷出版物でよく行われている方法です。

レイアウトにフロートが広く採用されたのは、初期のブラウザでフロート列の下のコンテンツをクリアできる機能から始まりました。これには、他の要素の下に配置された要素をクリアするためのサポートがありませんでした。

ブラウザはレイアウトを柔軟に変更できます。と複雑なデザイン。 CSS フレキシブル ボックス レイアウト モジュール (フレックス) と CSS グリッド レイアウト モジュール (グリッド) wurden speziell für diese Zwecke optimiert.

Flexbox eignet sich für die Verreilung von Inhalten entlang einer Achse, verwendet einen einfachen Bottom-up-アンザッツレイアウトと管理の基本を決定し、Achse zu steuern を見つけてください。グリッド ヒンジは、トップダウン レイアウトを表示し、詳細な表示を可能にします。

Sowohl Flexbox もグリッド ブラウザーで表示されます。レスポンシブなレイアウトと複雑なレイアウトを実現するためのソリッド ステート モジュール。

以上がFlexbox と Grid の時代に、Web レイアウトの Float は時代遅れですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。