Angular Material md-card和Flex Layout不填充屏幕

Question

我试图让卡片组件达到100％的高度，我一定是做错了。我尝试在scss中进行全局设置，在组件中本地设置内联，我想到的每个flex布局组合都可以实现这一点。让我看看古代功夫大师的方式！

<div class="container" fxLayout="column" fxLayoutAlign="center stretch">
  <div class="container" fxLayout="row" fxLayoutAlign="center stretch">
    <md-card fxFlex='99'>
        <div class="navigation">
            <nav md-tab-nav-bar>
                <a md-tab-link *ngFor="let link of navigationLinks" [routerLink]="[link]" routerLinkActive #rla="routerLinkActive" [active]="rla.isActive">
            {{link}}
            </a>
            </nav>
        </div>
        <router-outlet></router-outlet>
    </md-card>
</div>

Answer 1

首先，你的元素没有正确打开和关闭（你在顶部有2个开口，在底部只有一个关闭）。 其次，请提供plunker，以便其他人可以看到并了解您要实现的目标。 至于现在，你还不清楚你所谈论的100％身高。将只占用显示内容所需的空间。只要您添加内容，它就会增长。如果你想要它更大，你需要指定固定的高度值。