Css 无法在“中心布局”的选项卡面板内向下滚动到末端

我正在努力解决以下问题，如有任何提示，将不胜感激

在中央面板的jQueryUI布局中，我在 这个标签我放了一些内容。内容占用的空间比可用空间大， 我只希望在包含

div

的屏幕上有一个滚动条，而不是在 中央面板上的整个选项卡。实际上，我希望选项卡标题始终可见

我所做的：

• 设置jQuery UI布局中心面板的

  center\uu内容选择器

  到tab小部件（这样我的页眉和页脚显示正常）
• 在布局中心面板和选项卡上设置溢出：隐藏 小部件
• 在内容的

  div

  上设置

  overflow:auto

• 为选项卡小部件和内容“

  div

最终结果看起来不错，但是滚动条无法显示 最后一项，无论我尝试了什么。滚动到极限是不可能的

这是一把小提琴，显示了它的样子：

---

有什么想法吗？

由于标签标题部分，您的div的高度似乎每次都有额外的80像素。只需从100%中减去这80个像素：

#tab_1 {
    height: calc(100% - 80px);
    background: #00ffff;
    overflow: auto;
}