[解決済み] 3つのDiv（左/中央/右）を別のDivの中に配置するにはどうすればよいですか？

質問

コンテナDivの中に3つのDivを並べたいのですが、以下のような感じです。

[[LEFT]       [CENTER]        [RIGHT]]

コンテナdivは横幅100％（幅の設定はなし）、コンテナのサイズを変更しても中央のdivは中央に残るようにします。

ということで、設定しました。

#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}

でも、なるんです。

[[LEFT]       [CENTER]              ]
                              [RIGHT]

何かコツはありますか？

解決方法は？

このCSSで、divを以下のように配置します（floatが先）。

<div id="container">
  <div id="left"></div>
  <div id="right"></div>
  <div id="center"></div>
</div>

P.S. 右にフロート、左にフロート、中央にフロートというのもありです。 重要なのは、フロートが"main" centerセクションの前に来るということです。

P.P.S. の中に最後に入れたいことがよくあります。 #container このスニペットを <div style="clear:both;"></div> を拡張することになります。 #container のみから高さを取るのではなく、両側のフロートを含むように縦に伸ばします。 #center となり、側面が底面からはみ出る可能性があります。