Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何使用角材质使mat sidenav内容占据100%的高度_Angular_Angular Material_Angular Directive - Fatal编程技术网

Angular 如何使用角材质使mat sidenav内容占据100%的高度

Angular 如何使用角材质使mat sidenav内容占据100%的高度,angular,angular-material,angular-directive,Angular,Angular Material,Angular Directive,如何使用角材质使mat sidenav内容占据100%的高度 所以我有一个侧导航,似乎不能让它占据100%的高度。 如图所示,它被切断。 使用最新的Angular 8和最新的材质 您可以在此处看到css的主要组件: 如果我强迫它通过 <div fxLayout="row" class="container" style="background-color: darkslategray; min-height: 2000px"> 它可以工作,但我当然不想硬编码2000px的高度

如何使用角材质使mat sidenav内容占据100%的高度

所以我有一个侧导航,似乎不能让它占据100%的高度。 如图所示,它被切断。 使用最新的Angular 8和最新的材质

您可以在此处看到css的主要组件:

如果我强迫它通过

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

它可以工作,但我当然不想硬编码2000px的高度 这里是什么样子的:

肖恩

这解决了问题:

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

这将引发另一个值得嘲笑的问题