Html 垂直和水平滚动条在“角度材质2”中无故出现

Html 垂直和水平滚动条在“角度材质2”中无故出现,html,angular,css,angular-material2,Html,Angular,Css,Angular Material2,我试图实现模态对话框,其中包含使用角材质2的选项卡。 但它毫无理由地显示垂直和水平滚动条。有人可以帮忙移除垂直和水平滚动条吗 这里是stackblitz链接 我认为这个问题是由mat对话框内容和mat对话框操作标记引起的,当移除标记时,它工作正常,我认为需要更改样式属性 溢出:隐藏 当您从此类中删除边距底部时,它将起作用 .mat对话框操作:最后一个子项{ /* margin-bottom: -24px; */ } 您还需要删除 利润率:0-24px;从.mat对话框内容类。试试这个

我试图实现模态对话框,其中包含使用角材质2的选项卡。 但它毫无理由地显示垂直和水平滚动条。有人可以帮忙移除垂直和水平滚动条吗

这里是stackblitz链接


我认为这个问题是由
mat对话框内容
mat对话框操作
标记引起的,当移除标记时,它工作正常,我认为需要更改样式属性
溢出:隐藏

当您从此类中删除边距底部时,它将起作用 .mat对话框操作:最后一个子项{

/*   margin-bottom: -24px;   */
} 您还需要删除 利润率:0-24px;从.mat对话框内容类。

试试这个

::ng-deep .mat-dialog-container {
 overflow: hidden !important;
 }
用于特定的垂直和水平隐藏

::ng-deep .mat-dialog-container {
            overflow-x: hidden !important;
            overflow-y: hidden !important;
}

对我来说,这有助于消除垂直溢出:

::ng-deep .mat-dialog-container {
    padding-bottom: 0;
}

::ng-deep .mat-dialog-actions {
    margin-bottom: 0;
}

你能不能把导致问题的部分代码放在你的问题中?这使得它更容易,人们不必单击链接就可以看到您的代码。另外,请不要不必要地使用粗体。也许可以尝试
溢出:隐藏
?代码非常大。因此我想在stackblitz中编写整个代码,并在此处引用链接。这样,您就可以看到我的代码是如何工作的。请尝试
[dynamicHeight]=“true”
。类似的问题。这是一个关于角材料的开放性问题。此处链接:。查看链接中的变通方法是否适合您。