Css 在没有固定高度的父级中控制Flex子级的比率

我希望获得与前面解释的类似的结果。我已将确切的片段包括在下面：

在这里，我们是说，该项目的大小为我们的目的 空间分布计算为0-所有空间都可以抓取 由于所有项目都具有相同的flex增长因子，因此每个项目都得到 相等数量的空间分布。最终结果是三个相等 宽度，灵活的项目

我将处理一列垂直的子对象，作为一行水平的子对象，但处理方式不应该有所不同

我的问题是，在上面的例子中，在我的例子中，一个显式的宽度height已经设置好了，这是我无法做到的。我希望创建四个大小相等的四分之一，而不考虑每个四分之一包含的内容

简言之，有没有一种方法可以在没有明确高度的父级中使用具有不同内容的等高度子div

---

非常感谢您的帮助

经过大量测试，我意识到使用flexbox实现这一点并不容易。然而，使用CSS网格非常简单。对于任何对解决方案感兴趣的人来说，给每个“模块”一个1fr的值都很简单

flex: 1 1 0;