Html 当我只有两个孩子时，如何将flexbox孩子设置为家长身高（100%）

我想给我的孩子们增加100%的身高。它不起作用了。我知道我给方向是

行

，但有时我只有两个孩子，需要设置100%的高度

可能吗？如果是，正确的方法是什么

以下是我的尝试：

*{
填充：0；
保证金：0；
}
.家长{
显示器：flex；
身高：100%；
背景：浅灰色；
边框：1px纯红；
弯曲方向：行；
}
.儿童1{
弹性：0.30%；
溢出y：自动；
背景：浅蓝色；
}
.儿童2{
弹性：0.70%；
溢出y：自动；
背景：浅黄色；
}

孩子1
孩子2

您已将父级高度设置为100%

您必须使用一些绝对单位来设置高度

用

100vh

*{
填充：0；
保证金：0；
}
标题{
高度：100px；
背景：灰色；
}
.家长{
显示器：flex；
高度：计算（100vh-65px）；
背景：浅灰色；
边框：1px纯红；
弯曲方向：行；
}
.儿童1{
弹性：0.30%；
溢出y：自动；
背景：浅蓝色；
}
.儿童2{
弹性：0.70%；
溢出y：自动；
背景：浅黄色；
}

标题在这里
孩子1
孩子2

我同意你的看法。但我有一个未知大小的标题。这是一个弹出窗口。即使我尝试了高度：calc（100vh-65px）-不起作用。你能在上面的代码中添加弹出式实现吗？@3gwebtrain我已经更新了我的答案，它与calc一起起作用。请检查我很抱歉，我想阻止滚动条。因为它是一个模式弹出窗口。