javascript - 带高度的 Angular Material 垫抽屉问题

Question

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

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

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

当我删除 CSS 规则时，我会得到这样的结果:

基本上只有屏幕高度的 10% 左右。我考虑过使用固定高度，但我猜如果在更大或更小的显示器上观看，它看起来会被切断。我将不胜感激任何帮助，因为我真的不熟悉 Angular Material 的全部属性以及如何正确操作它们。提前致谢。

Answer 1

万一任何人因此而掉线并遇到类似的问题。我很久以前通过应用

解决了这个问题

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

只需确保父级有一个position: relative