mat-toolbar不与mat-grid-list一起显示

Question

我有一个包含工具栏和网格列表的组件，如下所示：

<mat-toolbar color="primary"></mat-toolbar>
<mat-grid-list cols="1" rowHeight="5:1">
   ...
</mat-grid-list>

我的问题是网格列表取代了工具栏，因此我的工具栏显示不佳。 这是我的工具栏CSS：

mat-toolbar {
position: fixed;
justify-content: space-between;
align-items: center;
}

有人可以帮我吗？

Answer 1

问题出在position: fixed上。您必须对其进行更改或将其完全删除。

要订购工具栏中的项目，请检出this link。

根据您的代码，您可能只需要向元素的父级添加fxLayout="row" fxLayoutAlign="space-between center"