easyui中使用两个嵌套的 tabs 时页面无法出现滚动条

当我们使用easyui tabs时会遇到一个这样的问题，就是内容不足，以致不能全屏显示，甚至会出现easyui tabs 滚动条在中间，如下图所示情况：

 

 

easyui tabs 滚动条在中间，一点都不好看。

这时，我看过很多文章都说在tabs 实例化的时候 设定 height:"auto" 我只能说一点效果都没有。

所以我通过浏览器开发工具查找到它的外围div，有四个：

.tabs-container，.tabs-panels，.panel，.panel-body

分别如此设定

.tabs-container,.tabs-panels,.panel {
height: 100%;
} 
.panel-body {
height: 96%;
position absolute;
bottom:0;
}

即可让tabs界面接近全屏显示，easyui tabs 滚动条沉底了。