Div具有不同的高度，在顶部并排排列

Question

我想并排排列div，但高度不相等，这导致div之间有一个空格，第一行的高度较低，第二行的div在第二行

我想要这个：

而不是这个：

Answer 1

我会使用3个div（我们称之为A B和C）作为列

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

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

绝对不需要插件，它可以（现在由我）完成css。

Answer 2

除非你愿意绝对定位每个div，否则你不能单独使用CSS，这并不是很有趣。

其他选项包括

• 将每列分组到单独的div中
• 使用JavaScript，例如像Masonry这样的脚本

Answer 3

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

-20是当然的例子