2カラムレイアウト − 2カラムレイアウトのイメージ
2カラム（2段組）レイアウトの場合、「大きな枠の中に、左右に寄せられた内枠を2つ作る」というのが大まかなイメージになります。
上の図は2カラムレイアウトのイメージを表したもので、赤い線が外枠、青い線がサイドバー、緑の線がメインスペースの枠になっています。
この図のように、それぞれの枠を作るわけですが、左右の内枠は「配置する」というより、「左右に寄せる」というイメージです。これは「float」を利用して枠を左右に寄せ、ぞれぞれの枠を配置するもので、CSSレイアウトの根幹をなすものです。（注）
【注意】
当サイトではできるだけ多くのブラウザで崩れが発生しないよう、floatを使って左右に枠を寄せるという手法を採用しています。