Javascript 角材料垫抽屉与高度有关

由于某些原因，我似乎无法让垫子抽屉占据屏幕上剩余的可用高度。我试过：

.drawer-container {
    position: fixed;
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
}

但由于某种原因，即使屏幕上只有一个元素，如滚动条所示，我仍然会出现溢出：

当我删除CSS规则时，我的结果是：

---

基本上只有屏幕高度的10%左右。我曾考虑过使用固定高度，但我猜如果在较大或较小的显示器上观看，它看起来会被切断。我非常感谢任何帮助，因为我真的不熟悉角材料的全部特性以及如何正确地操纵它们。提前谢谢

我想mat sidenav还不支持基于百分比的宽度/高度

尝试<代码>高度：100vh取而代之

这应该是可行的，但如果页面中有任何工具栏，就会添加一个滚动条

更新：

HTML:

<mat-drawer-container class="parent" autosize>
        <mat-drawer mode="side">
            Your sidenav content
        </mat-drawer>

        <div class="content">
            Your main content.
        </div>
</mat-drawer-container>

---

以防任何人被这件事搞砸，并有类似的问题。 我很久以前就通过申请解决了这个问题

.drawer-container {
  position: absolute;
  top:0;
  width: 100%;
  bottom: 0;
}

---

只要确保家长有一个

位置：relative

您能在抽屉里给我们看html代码吗。看起来你们需要为抽屉本身而不是他的容器创建样式。

.drawer-container {
  position: absolute;
  top:0;
  width: 100%;
  bottom: 0;
}