html - 使用 HTML/CSS 制作两个行的 div

Question

我有这个 html:

<div class = "boxes">BOX1</div>
<div class = "boxes">BOX2</div>
<div class = "boxes">BOX3</div>
<div class = "boxes">BOX4</div>

我希望它们看起来像

BOX1  BOX2
BOX3  BOX4

问题是，每个盒子都有不同的高度。因此，假设当 box1 较长时，我希望它正下方的框(在本例中为 box 3)向下移动，以便 box1可以容纳(我不希望它向下移动到第三行，我希望它正好在 box1 下面):

BOX1  BOX2
      BOX4
BOX3

我应该告诉你，我只能访问该类，我不能对每个单独的框进行 css。

Answer 1

为所有盒子设置最小高度

喜欢

 .boxes{
 min-height:100px;
 }