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

2022-04-27  本文已影响0人  似朝朝我心

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

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

上一篇 下一篇

猜你喜欢

热点阅读