如何防止工具栏上的扩展面板溢出？答案

【问题标题】：How to prevent expansion-panel overflowing on a toolbar?如何防止工具栏上的扩展面板溢出？
【发布时间】：2019-08-10 06:28:26
【问题描述】：

我正在尝试将 mat-expansion-panel 放在 mat-toolbar 内，但面板一直在顶部溢出。

我看到当我在工具栏上放display: block 时，面板不会溢出，但是当我放display: flex 时，它会溢出。我也不知道怎么搜索这类问题。

复制：

任何人都知道我是否可以保持柔性显示并防止面板溢出？

【问题讨论】：

【解决方案1】：

您可以在您的 css 文件中执行此操作：

.first-tool-bar {
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
}

并将.first-tool-bar 类添加到工具栏，如下所示：

<mat-toolbar class="first-tool-bar">

【讨论】：