ホームページ >ウェブフロントエンド >htmlチュートリアル >2 列レイアウト (1 列は固定幅、1 列はアダプティブ、列は同じ高さ)

2 列レイアウト (1 列は固定幅、1 列はアダプティブ、列は同じ高さ)

WBOY
WBOYオリジナル
2016-09-20 03:30:011149ブラウズ

構造:

リーリー

1. table+table-cell を使用して 2 列のレイアウトを実装します (1 つの列は固定幅、1 つの列は適応型、テーブルは自動的に 2 つの列と同じ高さになります)

リーリー

2. 2 列のレイアウトには flex を使用します (1 つの列は固定幅、1 つの列はアダプティブ、列の高さは同じです)。

リーリー
3. float (擬似高さ) を使用する

リーリー

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。