固定顶部 el-header + 左侧 el-aside 滚动条 + 主体 el-main 滚动条

头部设置高度:

.el-header {
    height: 70px !important;
}

***不需要定位,只用设置高度固定,滚动条就分别出现在各自部位,头部就固定了***

左侧:

.el-aside {
    height: calc(100vh - 70px);      // vh就是当前屏幕可见高度的1%   只用设置左侧 aside 高度
}

主体:

.el-main {
    padding: 0 !important;
    height: calc(100vh - 70px);      // 只用设置主体 main 高度
}

 

posted on 2021-03-17 11:31  cropsecrab  阅读(4206)  评论(0编辑  收藏  举报

导航