角度材料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於頂部和底部只有一個閉合）。 其次，請提供跳板，讓其他人可以看到並理解你想要達到的目標。 至於目前還不清楚你談論的是什麼樣的身高。將只需要顯示內容所需的空間。只要添加內容，它就會增長。如果你希望它更大，你需要指定固定的高度值。