CSS溢出布局

我正试图根据自己的需要制作一个类似本机桌面应用程序的布局，但我对css不是很熟悉

下面是我需要的布局示例： 我试图像这样使用溢出，但不起作用：

.scrollable-container {
  border: 1px solid #00f;
  height: auto;
  overflow: scroll;
}

我想做的是： -在.navigation（绿色）和.footer（黄色）div之间设置.contentdiv，即使窗口已调整大小 -如果内容大小较大，则使可滚动容器可滚动 -滚动时固定表格标题

---

谢谢。

尝试将最大高度放入

。可滚动容器类：

.scrollable-container {
  border: 1px solid #00f;
  overflow-y: auto;
  max-height: calc(100vh - 190px); 
}

190px是页眉、页脚、导航和页面标题高度的“近似”总和

尝试将最大高度放在
中。可滚动容器类：

.scrollable-container {
  border: 1px solid #00f;
  overflow-y: auto;
  max-height: calc(100vh - 190px); 
}

190px是页眉、页脚、导航和页面标题高度的“近似”总和

Hi@JuanDM，谢谢你的重播，这正是我想要的，你有一个在滚动时固定表头的想法吗？我认为这（）是实现这一点的最干净的方法，看一看！希望它能帮助shi@JuanDM，谢谢你的重播，这正是我想要的，你有办法在滚动时固定表头吗？我认为这（）是实现这一点的最干净的方法，看一看！希望能有帮助