Css 多个flexbox单行

是否可以在一行上创建多个FlexBox，每个FlexBox都有自己的子flex元素

---

为了更精确地说明我的要求，假设他们是一个flexbox，有两个flex元件，每个元件的最大宽度为50%，高度为100%，现在有一个选项，可以在这个已经存在的元件附近添加额外的元件，因此，在添加一个新的flex元件时，元件总数将为3个，宽度为25%，25%和50%，所有元件的高度都为100%，这是可能的，但如果我们想添加元件，使元件的宽度保持不变，但高度减少一半，即元件的高度将为50%，50%和100%，所有元素的宽度都是50%，这是可能的吗？

您只需要在左侧和右侧容器元素上使用

flex-direction:column

，如果在子元素上设置

flex:1

，则每个元素的高度相同

$（'.parent'）。在（'click'，'.left>div，.right>div'，函数（）上{
$（this.parent（）.append（“”）
})

.parent{
显示器：flex；
}
左边
.对{
高度：200px；
弹性：1；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
边框：1px纯黑；
}
.左>右，
.right>div{
弹性：1；
边框：1px纯绿色；
}

您可能希望绘制一个图表，描述您想要实现的目标……flexbox的子项可以是flexbox本身，因此只需将所有单个flexbox元素包装在外部flexbox中，它就应该按照您的描述工作。这看起来还不是重复的……但是。添加一个或两个工作代码段，其中一个显示开始，另一个显示预期结果。