如何设置这个mat-sidenav的样式？

Question

我正试着把这一边的导航移到标志下面。就像这个例子：I'd love for it to look like this

目前，我有这个--它显示了80%的内容，但我认为我做错了。Here is what it looks like now

<mat-sidenav
    #drawer
    class="sidenav" style="height: 80%;" 
  >

​

Answer 1

你有没有试过把sidenav放在右下角？例如，您将拥有以下内容：

.sidenav {
   position: absolute;
   bottom: 0;
   left: 0;
   height: 80%
}

或者，您可以尝试将其放置在徽标的正下方，例如，如果徽标是100px高，您可以这样做

.sidenav {
   position: absolute;
   top: 100px;
   left: 0;
}