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

【问题标题】：CSS float: how to form the second row based on tallest DIV?CSS float：如何根据最高的DIV形成第二行？
【发布时间】：2012-05-10 22:16:39
【问题描述】：

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

在这里，我想将紫色和绿色的 DIV 排成一行。但紫色 DIV 形成不完整的行，因此，绿色 DIV 转到另一行。我想根据最高 DIV（即蓝色 DIV）的高度形成下一行。

注意：盒子高度不是预定义的，而是动态设置的。

【问题讨论】：

【解决方案1】：

使用display:inline-block 而不是float:left

【讨论】：

【解决方案2】：

用inline-blocks 代替浮点数怎么样？

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

【讨论】：