Html 我如何让flex grow div的孩子拥有100%的身高

在下面的示例中，我希望

innerContent

div是content div的整个高度，但它不是： （）

.shell{
身高：100%；
显示器：flex；
弯曲方向：立柱；
背景颜色：绿色；
}
.内容{
背景色：红色；
柔性生长：1；
}
.内部内容{
背景颜色：蓝色；
身高：100%；
}
html，正文{
身高：100%；
填充：0；
保证金：0；
}

你好，普朗克！
所容纳之物
页脚

这似乎是Chrome的错误。Flexbox在chrome中的行为在chrome版本71和72之间发生了变化

在chrome 72中，我得到了预期的行为：

---

这可以通过更改flex grow:1在chrome 71上固定到

flex:1

innerContent
对我来说与
content
的高度相同吗？它的工作方式符合你的要求。