段組みレイアウト★div要素で左右カラムをまとめる段組みレイアウトとは、コンテンツを縦割りにして配置するレイアウトのことです。2つに縦割りすれば2段組み、3つに縦割りすれば3段組みです。縦割りにした部分をカラムと呼びますが、段組みレイアウトはカラムレイアウトとも呼ばれます。CSSのfloatプロパティを使用して、2段組みレイアウトを作成していきましょう。HTMLファイル側では、左カラムに入る内容と右カラムに入る内容をそれぞれdiv要素で囲んでグループ化します。index.htmlに以下の記述を追加してください。Reserved.</small></div></body></html>保存をしたらブラウザで表示してみましょう。</div>で囲んだだけでは、前後が改行される程度で、ブラウザの画面上は特に変化はありません。変更前を確認する次回、CSSによる段組みのスタイル指定をしていきます。div要素は、それ自体には特に情報的な意味はありませんが、特定の範囲をまとめてグループ化する役割を果たします。した使い方をするdiv要素は、コンテナ要素と呼ばれることがあります。コンテナ要素で囲んでやることで、その範囲にまとめてスタイルを適用したり、コンテナ単位でレイアウトを操作できるようになります。くくった部分は、それぞれ、「サブメニュー」「インフォメーション」という情報的なひとつのまとまりになっています。とコメントを入れています。ウェブページ制作を進めていくと、徐々にHTMLソースが長く複雑になって、どこからどこまでが実際の画面上のレイアウトと関連しているのか分かりにくくなってきます。適宜コメントを入れて、後から見直した際にも分かりやすいHTMLソースになるよう心掛けましょう。floatプロパティによる段組みレイアウト段組みレイアウトを作成するには、いくつかの方法があります。現在のところ、CSSのfloatプロパティを用いるのが、段組みレイアウトの標準的な手法と言えるでしょう。多くのウェブサイトで導入されて問題なく動作している実績があることなどです。floatプロパティは、その概念や実際の挙動が理解しにくく、初心者がつまずきやすいもののひとつですが、段組みレイアウトを作成するうえでは避けて通ることはできません。このチュートリアルで紹介しているのは、floatプロパティによるごくシンプルな2段組みレイアウトの作成方法です。これが出来れば、3段組みレイアウトなどへの応用も利くので、ぜひ身に付けて今後のウェブ制作に役立ててください。