等距DIV的流体宽度

我有一个宽度可变的容器DIV。

在此我有4个DIV，所有300px x 250px ...

<div id="container">
   <div class="box1"> </div>
   <div class="box2"> </div>
   <div class="box3"> </div>
   <div class="box4"> </div>
</div>

我想发生的是框1向左浮动，框4向右浮动，框2和3在它们之间均匀间隔。我希望间隔也要流畅，以便将浏览器做得更小，空间也要变小。