Html 使浮箱成为集装箱箱的100%

我有一个框设置为

float:right在容器盒内。此容器盒还将包含其他内容

我试图将文本垂直居中放置在内框内。为此，我使用
display:flex与
对齐项目：居中

作为最后一步，我现在希望高度始终填满集装箱箱。因此，此内部框内垂直居中的文本始终在容器框内垂直居中


容器框的高度会根据其内容进行调整，因此我无法在css中设置框的特定高度


它对
高度：100%也没有帮助



如何使这个内盒始终100%垂直填充其容器盒

下面是一个示例代码片段：内部框和容器框的最小高度始终保持在100 px，但我添加了太多文本，容器框扩展到100 px以上。很明显，内框不会将其高度调整到此值


#容器{
背景色：#ddd；
最小高度：100px；
}
#中心内容{
显示器：flex；
对齐项目：居中；
背景色：#eee；
浮动：对；
宽度：30%；
身高：100%；
最小高度：100px；
}

Lorem ipsum dolor sit amet，献祭精英
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。这是临时性的劳动和就业机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。这是临时性的劳动和就业机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。
此处不需要浮动：


#容器{
背景色：#ddd；
最小高度：100px；
显示：网格；/*网格容器*/
网格模板列：自动30%；/*2列*/
网格自动流动：稠密；/*这将确保文本填充第一列*/
}
#中心内容{
显示器：flex；
对齐项目：居中；
背景色：#eee；
网格列：2；/*第二列上的浮点元素*/
}

Lorem ipsum dolor sit amet，献祭精英
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。这是临时性的劳动和就业机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。这是临时性的劳动和就业机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。
太好了，谢谢。我将使用这个弹性盒方法。其他方法似乎很难实现。