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

Question

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

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

复制：

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

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

Answer 1

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

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

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

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