Javascript 如何垂直对齐`<；部门>`没有“浮动”的情况下是并排的吗？

所需布局：两个盒子应并排放置，但左侧的一个盒子内有三个垂直的盒子，而另一个盒子是空的。这两个框仍应在顶部垂直对齐

但是用我写的代码，我得到了一个倾斜的布局，看。帮我解决这个问题

div.left{
背景：蓝色；
高度：200px；
宽度：60%；
}
右分区{
背景：绿色；
高度：200px；
宽度：30%；
}
.货柜组{
显示：内联块；
}
.左分区{
显示：块；
}

你好
你好
你好
你好
正确的

您可以在容器上使用

display:flex

属性：

.container {
   display: flex;
}

在中，您可以发现您的示例可以按照您的意愿工作

---

有关flexbox属性的更多信息，您可以找到一个完整的指南来解释。

All is left:align elements to Position on top with

vertical align

div.left{
背景：蓝色；
高度：200px；
宽度：60%；
}
右分区{
背景：绿色；
高度：200px；
宽度：30%；
}
.货柜组{
显示：内联块；
垂直对齐：顶部；
}
.左分区{
显示：块；
}

你好
你好
你好
你好
正确的

左右div都需要内联块显示属性

如果您想成为布局大师，请查看显示：grid world；）

可用于此布局

。左{
背景：蓝色；
弹性：160%；
}
.对{
背景：绿色；
弹性：130%；
}
.集装箱{
显示器：flex；
颜色：白色；
}

你好
你好
你好
你好
正确的

签出flex box css