Angular 如何设置mat sidenav内容的固定高度？

如何将

或

的固定高度设置为100%可见区域

现在，

中的内容在有大量数据时会分离

<mat-sidenav-container><div class="content">A lot content here...</div></mat-sidenav-container>

但是现在

没有高度限制

将高度设置为100vh

---

它代表视口高度。

在

中设置
高度：100vh
在
内容{}
css类将问题屏幕的一个屏幕截图放在这里。它不起作用。您也必须将html、body to height设置为100vh。
.content {
    height: inherit;
    overflow-y: scroll;
}