3カラムレイアウト − 3カラムレイアウトのイメージ
2カラムレイアウトのイメージでは「大きな枠の中に、左右に寄せられた内枠を2つ作る」と説明しましたが、3段組レイアウトは「2段組レイアウトのメインスペース内でさらに2段組を作る」感じになります。
上の図は3カラムレイアウトのイメージを表したもので、赤い線が外枠、青い線が右サイドバー、緑の線が左側の2段の枠になっています。緑の枠の中にオレンジと紫、2つの枠が作られているのがお分かりになろうかと思います。
この図のように、3カラムレイアウトはまず2カラムレイアウトを作るところから始まり、さらに内部で2カラムレイアウトを作ることになります。3カラムレイアウトをCSSで組む際は、2カラムレイアウトの構造を理解するようにしましょう。