Css 当我在角度材质的选项卡之间切换时，会显示一个滚动条？

通过使用上面的css解决了这个问题，但是还有其他方法吗 我们可以在不使用

的情况下实现同样的效果！重要信息

是的，有

您需要设置

溢出：可见，但问题是：您需要确保CSS的优先级高于angular的样式。请看这里的CSS优先级：和

因此，您可以使用开发人员工具检查要覆盖的组件的样式，然后设置比该样式更高的优先级

简单提示：复制并粘贴在开发工具中找到的顺序，然后将样式放入其中，并确保要覆盖的文件晚于角度材质的css是的，有

您需要设置
溢出：可见，但问题是：您需要确保CSS的优先级高于angular的样式。请看这里的CSS优先级：和

因此，您可以使用开发人员工具检查要覆盖的组件的样式，然后设置比该样式更高的优先级

简单提示：复制并粘贴在开发工具中找到的顺序，然后将样式放入其中，并确保要覆盖的文件晚于角度材质的css，这里有一个更好的解决方案（在v-7上测试）：


这里有一个更好的解决方案（在v-7上测试）：

这是mat选项卡的默认行为。即使我也面临同样的问题。我通过将上述代码放在css文件中修复了这个问题

：：ng deep.mat选项卡正文内容{
溢出：可见！重要
}

记住：不要忘记添加！在css中很重要，如果不是，它将被忽略，并且永远不会应用于您的选项卡
 这是mat选项卡的默认行为。即使我也面临同样的问题。我通过将上述代码放在css文件中修复了这个问题

：：ng deep.mat选项卡正文内容{
溢出：可见！重要
}

记住：不要忘记添加！在css中很重要，如果不是，它将被忽略，并且永远不会应用于您的选项卡

<widget-shell [title]="data.title" (closeButtonClicked)="onCloseButtonClick($event)">
<mat-tab-group (selectedTabChange)="tabChange()">
    <mat-tab label="Data">
        <graph-bar *ngIf="graphSettings" [tabChanged]="tabChanged" [settings]="graphSettings.dataSeries"></graph-bar>
    </mat-tab>
    <mat-tab label="SMS">
        <graph-bar *ngIf="graphSettings" [tabChanged]="tabChanged"  [settings]="graphSettings.smsSeries"></graph-bar>
    </mat-tab>
    <mat-tab label="Voice">
        <graph-bar *ngIf="graphSettings" [tabChanged]="tabChanged"  [settings]="graphSettings.voiceSeries"></graph-bar>
    </mat-tab>
</mat-tab-group>

::ng-deep .mat-tab-body-content {
      overflow: visible !important;
    }

<mat-tab-group [dynamicHeight]='true'>