实现侧边栏的高度占满屏幕

问题

在直接应用 element-ui 的侧边栏导航时，会出现下面情况：

导航栏并没有占据全部页面长度，会留出空白处
或许我们想直接给它设置 height: 100%，但发现没用
原因： 如果想让一个元素的百分比高度 height: 100% 起作用，就需要给这个元素的所有父元素的高度设定一个有效值
具体原因描述：https://blog.youkuaiyun.com/weixin_52268321/article/details/129134039?spm=1001.2014.3001.5501

解决方法：

首先设置父元素 html body 为 height: 100%

  html,
  body{
    height: 100%;
  }

在侧边栏的 element-ui 组件中，设置如下

每级都加上 height: 100%，这样就起作用了