mat-dialog-content在内容嵌套时不调整大小（即radiobuttons）

Question

我正在使用角度/弹性布局的Angular 4和Material Design。我有一个使用flex-layout的matDialog，我有一个标签和一些单选按钮。如果我将它们放在mat-dialog-content（应该是这样）中，mat-dialog-content不会为其内容正确调整大小，最后我会得到一个滚动条（对于某些空格。可能是因为fxLayoutGap填充？）。但是如果我把任意数量的div与内容没有嵌套，它将会增加内容。如果我取出mat-dialog-content标签，内容也看起来很好（并且没有滚动条）。我究竟做错了什么？感谢。

 <mat-card>
    <mat-card-content>
      <div fxLayout="column" fxLayoutGap.xs="0" fxLayoutGap="10px">
        <div mat-dialog-title class="container" fxFlex="100%">
          {{'PORTAL.GENERATEREPORT' | translate}}
        </div>

          <mat-dialog-content>
            <div class="container" fxLayout="column" fxlayoutGap.xs="0" fxLayoutGap="10px">
              <label>{{'PORTAL.SELECTLICENSE' | translate}}</label>
              <mat-radio-group>
                <div class="container" fxLayout="column" fxlayoutGap.xs="0" fxLayoutGap="10px">
                  <div class="container"><mat-radio-button>{{'PORTAL.ORGANIZATION' | translate}}</mat-radio-button></div>
                  <div class="container"><mat-radio-button>{{'PORTAL.INDIVIDUAL' | translate}}</mat-radio-button></div>
                </div>
              </mat-radio-group>
            </div>
          </mat-dialog-content>

        <mat-dialog-actions class="md-dialog-action-border" fxFlex="100%">
            <div class="container">
              <button mat-raised-button color="primary" mat-dialog-close="cancel">{{'PORTAL.CANCEL' | translate}}</button>
            </div>
        </mat-dialog-actions>
    </div>

    </mat-card-content>
  </mat-card>