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

似朝朝我心 IP属地: 广东
字数 88

网上见的最多的方案便是在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>

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
1人点赞
似朝朝我心 一个慢慢学习前端的小pan,路漫漫其修远兮，吾将上下而求索。
总资产76共写了16.0W字获得575个赞共262个粉丝

推荐阅读更多精彩内容