html - Flexbox 样式，堆叠两个项目并在其旁边挂一个

Question

我可以写一堵长长的文字墙来描述我想用我的一些 flexbox 元素实现的目标，但我认为一张图片的价值会超过一千字。（见下图。）

目前我有三个元素，两个小一点，一个稍大一点。Flexbox 在这里很神奇，保持它们相同的高度并相应地缩放它们。

但是，现在我想堆叠两个较小的元素并让剩余的元素基本上浮动在它们的右侧，与两个较小的元素填充的高度相匹配。

是否可以使用 flexbox 来实现这一点，或者我应该手动应用样式直到获得所需的结果？

标签： htmlcssflexboxresponsivestyling