Css 将div放置在包装器中，当内容溢出时，其中一个div必须具有y形滚动条

我正在尝试完成以下布局，但描述框高度定义有问题。我试图避免使用javascript

现在，包装器和标题栏都正常工作，标题和描述div嵌套在包装器div中：

#wrapper{
   position: fixed;
   right: 0;
   width: calc(100vw - 1.51 * 95vh - 5vh);
   top: calc(40px + 2.5vh + 2.5vh);
   height: calc(100vh - 40px - 40px);
}

#title{
   width: 100%;
   height: auto;
   top: calc(2.5vh + 40px + 2.5vh + 5vh);
}

描述组呢？谁能给我指出正确的方向吗

谢谢

Flexbox可以做到这一点

.container{
高度：100vh；
显示器：flex；
弯曲方向：立柱；
}
标题{
背景：浅蓝色；
}
.内容{
弹性：1；
溢出y：自动；
背景：橙色；
}
.垫片{
高度：2000px；
/*用于演示目的*/
}

我的同僚们都是精英。在多洛雷斯的劳动大本营中，有一家公司，一家公司，一家公司，一家公司。

所有的“计算”是怎么回事？@Paulie我还能如何定义基于固定量和可变量的维度？