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

Question

我试图将一个垫子扩展面板放在一个垫子工具栏中，但是面板始终在顶部溢出。

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

再生产：

https://stackblitz.com/edit/expansion-toolbar

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

Answer 1

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

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

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

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