CSS3には段組の仕組みがありますが，IEだけはIE9でもサポートされていません。ここで紹介するのは，古いブラウザでも使える方法で，幅が必ずしも等しくない二つの段を横に並べることができます。段の幅はブラウザの幅に合わせて伸び縮みします（横方向に伸縮可能なレイアウトをflow layoutあるいはliquid layoutと呼びます）。
方法はいたって簡単です。まずbody部分を次のようにマークアップします。
<body>
<h1>タイトル</h1>
<div id="main">
本文
</div>
<div id="sidebar">
サイドバー
</div>
<div id="footer">
フッタ
</div>
</body>
これだけです。CSS部分については右のサイドバーをご覧ください。