我使用CSS網(wǎng)格布局和mat-tab控件來顯示一些數(shù)據(jù)。然而，我無法讓滾動條出現(xiàn)在選項卡內(nèi)容中，因為選項卡內(nèi)容本身沒有改變到固定的高度。救命啊。

:host {
  height: 100%;
  overflow: hidden;
}

內(nèi)容:

grid: "top"2fr "bottom"1fr / 1fr;
overflow: hidden;

Bottm:

.bottom {
        grid-area: bottom;
        display: grid;
        grid: 1fr / 1fr;
        overflow: hidden;
       .tabdata
         {
            overflow:auto;
         }
}

在底部，我需要有一個選項卡組，其中包含選項卡和動態(tài)內(nèi)容。

<grid class="bottom">
<mat-tab-group selectedIndex="0">
   <mat-tab>
    <div class="tabdata">
        Large dynamic data that needs scrolling
    </div>
   </mat-tab>
</mat-tab-group
</grid>