Css 我怎样才能使这个有角度的组件充满整个高度？

我怎样才能使这个有角度的组件充满整个高度

Root Style.scss具有以下特性

 html, body, app-root {
  min-height: 100vh;
  height: auto;
  margin: 0;
 }

左侧的绿色条（DIV）需要填充屏幕的高度

 .nav-left-container {
  width: var(--nav-left-w) // 6rem;
  height: 100vh;
  background-color: var(--col-green-blue);
  position: absolute;
  top: 0;
  left: 0;
 }

HTML

---

尝试在css中进行更改，我相信它会起作用

.nav-left-container {
      width: var(--nav-left-w) // 6rem;
      background-color: var(--col-green-blue);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
}

---

高度：100%？也发布一些HTML（甚至是a），但设计问题并没有复制它的意思？