如何沿容器的所有寬度分配div？

我想有「B」一起被平均分配「一」是這樣的：如何沿容器的所有寬度分配div？

[1  2   3  4]

這將是很好，如果沒有足夠的空間，那麼「A」塊延伸到下一行。這裏是html結構，我想，但它不是固定的，可以修改。

<html> 
    <head> 
     <style> 
      .a { width: 100%; border: 1px solid; float: left; } 
      .b { width: 100px; border: 1px solid red; float: left;} 
     </style> 
    </head> 
    <body> 
     <div class'a'> 
      <div class='b'>1</div> 
      <div class='b'>2</div> 
      <div class='b'>3</div> 
      <div class='b'>4</div> 
     </div> 
    </body> 
</html>

來源

2009-07-20 Emmanuel Caradec

這裏有相當不錯的答案，一個非常類似的問題：http://stackoverflow.com/questions/674045/distribute-elements -evenly-using-css – peirix 2009-07-20 12:16:13