javascript - 垂直不对齐 div

Question

我现在正在做一个项目，这意味着我要创建两列盒子并确保它们之间没有间隙。

正如您在下图中看到的那样，黄色和青色块之间存在间隙。我希望这个差距消失，但我不想使用设置为相对的位置，并将顶部值分配给某个值，因为如果我想添加块，维护起来会很麻烦。html 必须只有一个父元素。这两个约束是唯一的。

提前致谢 ：）

<div class="container">
    
    <div class="square1">s</div>
    <div class="square2">q</div>
    <div class="square3">a</div>
    <div class="square4">r</div>
    <div class="square5">a</div>
    <div class="square6">r</div>
    <div class="square7">a</div>

</div>

白色的缝隙必须消失！

标签： javascripthtmlcss