Html flexbox项目扩展到全高

我有一个flexbox父对象集，用于有2个子对象的行。我希望每个孩子都能达到100%的身高。无论我尝试什么，孩子们都会扩展到完全相同的高度，这是内容最高的child/div

我如何告诉孩子们填充到所有可用高度？（或者这是不可能的）

---

我的目标是使左侧子项中的文本显示在项目的顶部，右侧子项中的文本显示在项目的底部。但当两个项都不高时，效果就不起作用。

您可以在子项上设置

对齐self

，使它们浮动到父容器的顶部或底部：

body{背景色：象牙；}
#母公司{
显示器：flex；
弯曲方向：行；
宽度：400px；
高度：300px；
边框：1px纯绿色；
}
#顶部{align self:flex start；边框：1px实心红色；最小宽度：100px；}
#底部{align self:flex end；边框：1px纯蓝色；}

嗨，我有一小段文字。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变