如何在区域上显示几个div并合理填充它

Question

我有4个div，并希望最后一个div位于第一个div之下。但由于某种原因，它超出了所需要的范围。因为我知道这是因为浮动：左边因为第三个div。

是否可以将其移至上方？

目前我使用的代码是：

<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>
<div id="id4"></div>

每个div都有不同的大小，每个div都有float: left;

Answer 1

简单的回答，你不能（在vanilla CSS / HTML中）

（对不起）

然而..

有相对强大的库可以让您轻松完成此任务，例如Masonry或Isotope。另一种方法是在Javascript中编写自己的解决方案。