如何确保组件填充html/angular中的可用空间



我有一个angular应用程序,该应用程序有一个标题、一个侧菜单和一个主要内容。我很难拥有这个";主要内容";取全部可用高度。这很重要,因为在这个视图中,我有一个浮动的操作按钮,需要在右下角。

我已经设法在这里重现了这个问题:https://stackblitz.com/edit/sidenav-height-issue?

我试过在几个地方把高度提高到100%,但没有成功。我该怎么办?

谢谢!

您需要将侧导航容器的height设置为100%

<mat-sidenav-container style="height: 100%;">
<!-- <mat-sidenav #sidenav role="navigation">

</mat-sidenav-container>

最新更新