CSS float：如何根据最高的DIV形成第二行？

Question

我使用float并排放置DIV，但是当多余的DIV形成第二行（行）时会出现问题。下一行是根据最后一个DIV（不是最高DIV）的高度形成的。因此形成了不完整的行。

请参阅http://jsfiddle.net/etrader/6qZnk/

上的示例

在这里，我想将紫色和绿色DIV放在一条线上。但紫色DIV形成一个不完整的行，因此，绿色DIV进入另一行。我想根据最高DIV（即蓝色DIV）的高度形成下一行。

注意：框高度未预先设定并动态设置。

Answer 1

如何使用inline-blocks而不是浮点数？

http://jsfiddle.net/6qZnk/1/

不幸的是，如果您的块必须水平相互接触，则内联块不是最佳解决方案

Answer 2

使用display:inline-block代替float:left

请参阅example