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

Question

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

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

您可以在此处查看主要组件 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 的高度以及它在这里的样子：

肖恩

标签： angularangular-materialangular-directive

Answer 1

这解决了这个问题：

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