Css 动态高度

我有两个div，如下所示（A和B）：

B部分有一个最大高度为100px的输入字段（例如）和overflow-y auto：这样，输入字段将只有一定的高度

.section_B{
   position: absolute;
   bottom: 0;   
   width: 100%;
}
.section_B_input{
   max-height: 100px;
   overflow-y: auto;
}

因为截面B的高度可以在20px和100px之间的任何位置（例如），所以截面A的高度需要是动态的，并且取决于截面B的高度

我读到这样的显示：flex可以以某种方式使用，但我不知道如何使用

有什么建议吗

---

谢谢

flexbox的技术是添加

flex-grow:1到要具有动态高度的元素。下面是一个简单的例子


*{margin:0；padding:0；框大小：border-box；}
html，body，.flex{
最小高度：100vh；
}
.flex{
显示器：flex；
弯曲方向：立柱；
}
.a{
柔性生长：1；
背景：#eee；
}
.b{
背景：#333；
}
部分{
填料：2米；
}
输入{
过渡：填充。5s；
}
输入：焦点{
填料：2米；
}