ホームページ  >  記事  >  ウェブフロントエンド  >  古典的な DIV+CSS のケース -- 2 列の高さadaptive_html/css_WEB-ITnose

古典的な DIV+CSS のケース -- 2 列の高さadaptive_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:30:211238ブラウズ

フロントエンド開発者であろうとバックエンドプログラマーであろうと、多くの人が div+css レイアウトを好んで使用すると思います。なぜなら、非常に多くの利点があるからです。非常に少ないコードでレイアウトを制御できるからです。次に、CSS を使用してフォーム、プレゼンテーション、スタイルの分離を表現します。 SEO に関しては、30% の最適化も実現できるので、ぜひ試してみてください。

タイトルのようなレイアウトの問題に遭遇する人はたくさんいます。背景画像を使用してそれを制御することも、JS を使用して制御することもできますが、最終的には最適な解決策ではありません。 DIV と CSS 自体:

これは 3 行 2 列の古典的なパターンですが、さまざまなレイアウトに進化させることもでき、皆が変更するのを待っています:

コード




2列の高さ調整