2カラムのレイアウト作成 2カラムレイアウトで基本的なレイアウトを作成する例です。固定幅の場合と可変幅の場合、そして固定幅と可変幅の場合をそれぞれ紹介します。 固定幅の場合 これはfloatで2カラムにしたものです。ボックスモデルの計算を正しく行って作成するだけです。 サンプル HTML <div id="wrapper"> <h1>固定レイアウト</h1> <div id="main"> <h2>メイン領域</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> <div id="sub"> <h2>サブ領域</h2> <p>Lorem ipsum dolor sit amet,/p> </div> </div> CSS #wrapper{ width:900px; overflow:hid
![リキッドと固定を組み合わせた2カラムレイアウト | IT工房|AI入門とWeb開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/f639ab90fc2d9589b9ed32030938adfce1d78e31/height=288;version=1;width=512/https%3A%2F%2Fitstudio.co%2Fwp-content%2Fuploads%2F2016%2F10%2Fdog_org-1.png)