× 無料のユーザー登録をすると学習状況を管理することができるようになります

#03 2カラムのレイアウト (可変幅)

さて、今回 header と footer と main なのですが、main を左と右の 2 つに分ける、いわゆる 2 カラム型のレイアウトを試してみたいと思います。
「<div id="left">left</div>」と「<div id="right">right</div>」として、背景色も pink と purple に指定しておきました。

全体の幅が可変であるときの、2カラムレイアウトを作っていきます。

  • 可変幅の2カラムレイアウト
  • 回りこみの解除
  • 一方が固定幅の2カラムレイアウト

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

プレミアム会員(月額980円)になると、全レッスンの素材ファイルをダウンロードできます。

詳しい説明を読む

プレミアム会員(月額980円)になると、全レッスンのソースコードを見られるようになります。

詳しい説明を読む

このレッスンの問題を報告する

プレミアム会員(月額980円)になると、全レッスンのデモを見られるようになります。

詳しい説明を読む
先生に質問してみよう (試験運用中)