幅を固定しないでfloatをする « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb低価格、短納期、高品質なWebサイト制作|ScuderiaWeb Webサイト制作をご検討中の方へ。ScuderiaWebが低価格・短納期・高品質なWebサイトを制作いたします。 floatでdivを2つ横並びしたときに、片方しか幅を指定せず、もう片方の幅はautoにする方法です。 通常、floatで横並びを実現する際は、両方のdivの幅指定が必要ですが、例えばブログのサイドバーのみ幅を指定して、記事部分はブラウザの解像度によって幅を変更したいといったときなどに活用できます。 サンプル 片側のみ200pxに固定し、もう片方の幅は指定していないサンプルです。 幅を固定しないでfloatをするサンプル（別ウィンドウで表示） コード (X)HTML <div id="side"> サイド </div> <div id="contents"> コンテンツ </div> CSS div#side {
