固定顶部 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) 编辑 收藏 举报