Div的高度不同，在顶部并排对齐

Question

我想并排对齐div，但是高度不相等，这导致div的较低高度的第一行与div的第二行之间存在空白。

我想要这个：

不是这个：

Answer 1

我将使用3个div（分别称为A B和C）作为列

这些将具有style =“ float：left; width：32％;” *注释宽度可以小于32％，可以设置为px

A将包含1和4，而B将包含2和5。最后C将包含3和6。

绝对不需要插件，它可以（而且目前是我所要做的）仅使用CSS即可。

Answer 2

除非您愿意绝对地定位每个div，否则您不能仅靠CSS来做到这一点，这并不有趣。

其他选项包括

• 将每列划分为一个单独的div
• 使用JavaScript，例如Masonry之类的脚本

Answer 3

签出Isotope.js - Mansory ...

Answer 4

将margin-top: -20px;用于div 4和div 6 ...

-20当然是示例