不同高度的div，在顶部并排对齐答案

【问题标题】：Div's with different heights, align them side by side at the top不同高度的div，在顶部并排对齐
【发布时间】：2020-04-30 07:38:15
【问题描述】：

我想将div并排对齐，但高度不相等，导致div的第一行高度较低的div和第二行的div之间有一个空白。

我想要这个：

不是这个：

【问题讨论】：

使用position:absolute;和float:left;
你有代码吗..？
我会做一个小提琴。
您可以为 1&4、2&5 和 3&6 制作包装
CSS Floating Divs with different height are aligned with space between them的可能重复

标签： css

【解决方案1】：

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

这些将有 style="float:left;width:32%;" * 笔记宽度可以小于32%，可以以px为单位设置

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

绝对不需要插件，它可以（并且目前由我）单独使用 css 完成。

【讨论】：

【解决方案2】：

你不能单独使用 CSS 来做到这一点，除非你愿意绝对定位每个 div，这不是很有趣。

其他选项包括

【讨论】：

【解决方案3】：

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

-20 当然是例子

【讨论】：