角度材料MD卡和Flex布局不填充屏幕

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口S于顶部和底部只有一个闭合）。 其次，请提供跳板，让其他人可以看到并理解你想要达到的目标。 至于目前还不清楚你谈论的是什么样的身高。将只需要显示内容所需的空间。只要添加内容，它就会增长。如果你希望它更大，你需要指定固定的高度值。