方案:
运用vh,100vh的高度刚好是整个屏幕的可视区。而header头部也是有高度的,所以不能是100vh了,而是100vh – 头部header高度px。
如果有脚部,要脚部也固定,则100vh - (头部高+脚部高)px
代码:
// 给main主体加上
.el-main {
height: calc(100vh - 181px); //181px为顶部header高度+底部footer高度
overflow-y: auto;
}
方案:
运用vh,100vh的高度刚好是整个屏幕的可视区。而header头部也是有高度的,所以不能是100vh了,而是100vh – 头部header高度px。
如果有脚部,要脚部也固定,则100vh - (头部高+脚部高)px
代码:
// 给main主体加上
.el-main {
height: calc(100vh - 181px); //181px为顶部header高度+底部footer高度
overflow-y: auto;
}