如何沿容器的所有宽度分配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