angular - 如何使用 Angular Material 使 mat-sidenav-content 占据 100% 的高度

Question

如何使用 Angular Material 使 mat-sidenav-content 占据 100% 的高度

所以我有一个侧面导航，但似乎无法让它占据 100% 的高度。 正如您在图像中看到的那样，它被切断了。 使用最新的 Angular 8 和最新的 Material。

你可以在这里看到主要组件的CSS: https://github.com/born2net/studiopro-web/blob/master/src/app/layouts/main/main.component.scss

如果我通过强制它

<div fxLayout="row" class="container" style="background-color: darkslategray; min-height: 2000px">

它可以工作，但我当然不想将高度硬编码为 2000px 以及它在这里的样子:

肖恩

Answer 1

这解决了问题:

.container {
  height: calc(100vh - 70px);