コンテナに2つのdivがあります。1つは左のバーで、もう1つは右のバーです。どの方法を使用するかについて、いくつかのアドバイス/提案が必要です。
方法1：
#container{ width:800px; margin:0 auto;}
#leftbar{ float:left; width:200px; }
#rightbar{ float:right: width:550px;}
方法2：
#container{width:800px; margin:0 auto;}
#leftbar{ float:left; width:200px; }
#rightbar{ margin:0 0 0 210px; width:550px;}
どちらが良い習慣かアドバイスしてください。
コンテナが常に常に800pxの幅になる場合は、2つのオプションのどちらを使用してもかまいません。ファイルあたりのバイト数が最も少ないものを使用してください。
しかし、コンテナが800ピクセルより大きくなった場合、右側のバーをコンテナの右側に固定しますか？その場合、方法1のみが機能します。
ただし、両方のdivを左にフローティングする方法2と同じ効果を達成する別の方法があります。
意味的には、550 + 200〜= 800ピクセルなので違いはないので、たとえばコンテナが1000ピクセルの場合、2つのdivが何をすべきかについての手がかりは与えられません。
どちらでも問題ありませんが、方法1ではdiv間に50pxの「ガター」がありますが、方法2では10pxにすぎません。
この段階では実際的な違いはありませんが、右バーのcssを変更せずにコンテナの幅を変更して完全に右揃えにすることができるため、より将来性のある方法が最初の方法です。
あまり考える必要のない堅牢なコードを使用したい場合は、Yahooユーザーインターフェイスや960グリッドなどのグリッドベースのフレームワークを使用できます。
どちらも、さまざまなレイアウトを可能にする使いやすいCSS/HTMLフレームワークを提供します。