更新

Question

我正在使用角度6编写网页，当我在网页上渲染组件时，我在底部获得了白色块（自由空间块）。

当我尝试使用F12工具查看此页面时，我找不到发生这种情况的原因

您可以在屏幕上看到它。可能是我做错了事

https://imgur.com/a/wB5Yyhk

在检查这个空块时得到了这个

https://imgur.com/a/MAKE9eI

如何修复此空白块？

更新

我的dashboard.html

<div>

 <br>
    <div class="container">
    <div class="container">
      <div fxLayout="column" fxLayoutGap="20px" fxLayout.gt-md="row"  fxLayoutAlign="space-around center" class="content">
          <div class="blocks">
              <button button="submit" mat-raised-button color="primary">
                  <mat-icon>add</mat-icon> Add Filter
              </button>
          </div>
    </div>
</div>
<br>
<div class="container">
  <div fxLayout="row" fxLayoutAlign="center center" class="content">
    <mat-card class="card" >
      <mat-card-title fxLayout.gt-xs="row" fxLayout.xs="column">
        <h3>Recent Posts</h3>
      </mat-card-title>
      <mat-card-content>
          <div class="example-container mat-elevation-z8">
              <mat-table #table [dataSource]="dataSource">

                <ng-container matColumnDef="data_posted">
                  <mat-header-cell *matHeaderCellDef> Date </mat-header-cell>
                  <mat-cell *matCellDef="let element"> {{element.date_posted | date: 'd/M/y'  }} </mat-cell>
                </ng-container>

                <ng-container matColumnDef="title">
                  <mat-header-cell *matHeaderCellDef> Title </mat-header-cell>
                  <mat-cell *matCellDef="let element"> {{element.title}} </mat-cell>
                </ng-container>

                <ng-container matColumnDef="category">
                  <mat-header-cell *matHeaderCellDef> Category </mat-header-cell>
                  <mat-cell *matCellDef="let element"> {{element.category}} </mat-cell>
                </ng-container>

                <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
                <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
              </mat-table>
            </div>
      </mat-card-content>
    </mat-card>
  </div>
</div>

index.html

<!doctype html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <title>Arbitration</title>
  <base href="/">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

全屏显示页面

更新

0 个答案: