无法在角度5材质

Question

我想在材料标签中创建一张卡片。我使用以下代码：

<div fxLayout>
  <span fxFlex></span>
  <div fxFill fxFlex id="user-home-container">
    <mat-tab-group>
      <mat-tab label="Newest">
        <div class="tab-content">
          <app-aurora-questions-list></app-aurora-questions-list>
        </div>
      </mat-tab>
      <mat-tab label="Most votes">
        <div class="tab-content">
          <app-aurora-questions-list></app-aurora-questions-list>
        </div>
      </mat-tab>
      <mat-tab label="Unanswered">
        <div class="tab-content">
          <app-aurora-questions-list></app-aurora-questions-list>
        </div>
      </mat-tab>
      <mat-tab label="Intresting">
        <div class="tab-content">
          <app-aurora-questions-list></app-aurora-questions-list>
        </div>
      </mat-tab>
    </mat-tab-group>
    <button mat-fab color="primary" id="ask-question">+</button>
  </div>
  <span fxFlex></span>
</div>

卡片未显示在选项卡中。 css定义如下：

#user-home-container {
  margin-top: 15px;
  min-width: 800px;
}

.tab-content {
  padding-top: 20px;
}

#ask-question {
  font-size: 30px;
  position: fixed;
  bottom: 50px;
  right: 50px;
}

我做错了什么？我正在使用Angular和Angular Material以及Angular Flex Layout。