在内容顶部叠加垂直侧边栏

Question

如何在展开时覆盖垂直边栏，而不是将内容推到右边？

https://stackblitz.com/edit/clarity-sgfqmc

Answer 1

您可以尝试用一些自定义覆盖布局 CSS:

clr-vertical-nav {
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
}
.content-area {
  margin-left: 48px;
}

Answer 2

使用fixed位置：

.clr-vertical-nav {
   position: fixed;
   height: 100%;
}

您还需要在您的内容上使用 margin 以确保在菜单关闭时内容不会被部分覆盖。

.content-area {
   margin-left: 2rem;
}