Css 动态多列元素组

我正在尝试制作一个动态的多列布局，可以动态显示平铺

我目前拥有的：

每个磁贴的当前样式属性：

border: 0px dashed #CECECE;
background-color: #F0F0F0;
padding: 20px;
margin: 5px 10px 5px 0px;
width: 100px;
min-height: 100px;
float: left;
border-radius: 20px;
display:inline-block;

问题是，正如您所看到的，当一个div比其他div高时，下一行的元素从它的右侧开始，而我希望它们做的是找到离左上角最近的位置

---

这就是我希望它看起来的样子：

在查看您的示例时，似乎无法使用浮动来实现这一点

我建议您研究一种JAvascript替代方案，例如

---

Link-

我很确定你不能用浮动来做这件事。我不完全清楚你想要实现什么样的布局。这就是我希望它看起来的样子：我不能确定，但我怀疑你需要这样的东西作为答案，我会接受的。这对我很有用