Css flex溢出问题

我有：

为了使

.content

div仅与css垂直对齐。内容动态变化，这就是为什么我不能使用

position:absolute；页边距顶部：50%…

样式。因为我从来不知道每次内容更新时

div

的确切高度

但是在

.container

宽度改变但高度保持不变的情况下，

.content

溢出

.container

顶部，因为它将文本包裹在其中

我要做的是永远不要让

.content

超过顶部位置小于0。即使是最理想的情况，也会保留

.container

的

padding top

值和

margin top

值

.content

。溢出底部将是好的，事实上这将是我的首选

---

任何解决方法？

您可以使

容器
高度
灵活：使用
最小高度
而不是
高度


.container{
显示器：flex；
对齐项目：居中；
最小高度：75px；
边框：3件纯蓝；
}
.内容{
高度：150像素；
柔性生长：1；
边框：3倍纯红；
调整大小：垂直；
溢出：自动；
}
您可以使
.container
高度
灵活：使用
最小高度
而不是
高度


.container{
显示器：flex；
对齐项目：居中；
最小高度：75px；
边框：3件纯蓝；
}
.内容{
高度：150像素；
柔性生长：1；
边框：3倍纯红；
调整大小：垂直；
溢出：自动；
}

你能发布html吗？你能发布html吗？
.container {
    display:flex;
    align-items:center
}
.content {
    flex-grow:1
}