解决elementui中使用Container布局容器时侧栏固定，header固定，main主体内容多时可以滑动
解决element ui中使用Container布局容器时侧栏固定，header固定，main主体内容多时可以滑动
·
方案：
运用vh，100vh的高度刚好是整个屏幕的可视区。而header头部也是有高度的，所以不能是100vh了，而是100vh – 头部header高度px。
如果有脚部，要脚部也固定，则100vh - （头部高+脚部高）px
代码：
// 给main主体加上
.el-main {
height: calc(100vh - 181px); //181px为顶部header高度+底部footer高度
overflow-y: auto;
}
鸿蒙生态一站式服务平台。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)