解决ElementUI使用了布局容器后,侧边栏高度设置100%却没有撑开高度

网上见的最多的方案便是在app.vue里面添加样式:

html,body,#app{
    height:100%
}

然后再给.el-container和.el-aside设置样式:

.el-container,.el-aside{
    height:100%
}

毫无意外,一点效果都没有。

解决方案:

设置.el-menu的高度为100vh即可解决。

<style lang="less" scoped>
.el-menu{
    height:100vh
}
</style>

效果展示,侧边栏高度已完全撑开,占据全屏:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容