CSS ウインドウ枠の左右にアイテムを配置したい

質問

<div>で作成したWindowsのウインドウモドキの子ウインドウがあり、サイズを変動させたいと考えています。

ウインドウにはタイトルバーがあり、タイトルバーの中で、ウインドウタイトル名をバーの左、クローズボタンを右端に配置したいと考えています。

タイトルバー部分のソースの概略は以下のようなものです。

<div id=bar>
<div id="swTitle">タイトル</div>
<INPUT id="close" type=button value="×">
</div>

この際、外枠のid=barの<div>のwidthを変動させてもウインドウタイトル名とクローズボックスの配置が左端、右端のままになるにはどのような方法が適切でしょうか？　css以外の方法でもかまいません。
よろしくお願いします。

回答No.1

partita · ベストアンサー

#bar {width:100%;}
#swTitle {float:left;width:100px;}
input {float:right;}

<div id=bar>
<div id="swTitle">タイトル</div>
<INPUT id="close" type=button value="×">
</div>
<div id="main">中身</div>

のように続くのならば

#main {clear:left;}

お礼

なるほど。
float指定する方法がありましたか。
ありがとうございます。