一个样式解决element-ui侧边栏组件el-menu占不满屏幕的问题

网上解决这个问题的方法都非常麻烦,比如加很多很多高度100%,而有些人又没法复现这种成功。
在这里分享一个新属性给大家试试,非常有效

height:100vh

vh就是当前屏幕可见高度的1%,也就是说 height:100vh == height:100%;
但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,
https://blog.csdn.net/qq_16687863/article/details/100516013

但是设置height:100vh,该元素会被撑开屏幕高度一致。
没有此属性的情况下,el-menu占位非常丑
在这里插入图片描述
只需要直接给el-menu这个组件添加class样式,里面写上height:100vh即可完成这个效果

  .left-menu{
    height: 100vh;
  }

在这里插入图片描述


版权声明:本文为e274426380原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。