固定顶部 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 高度
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM