在内容顶部覆盖垂直侧边栏

Question

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

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

Answer 1

使用fixed位置：

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

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

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

Answer 2

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

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