我正在尝试添加一个按钮(打开侧面板(，但由于某种原因，它显示在页面的左上角。我希望它出现在中间(右侧(，以便当用户单击它时，面板会显示。我还希望在侧面板打开时放大页面上的当前内容，以便用户能够同时看到面板和当前内容。
描述你想要谈论的内容
<div>
<button mat-button (click)="left.open()">Field Definitions</button>
</div>
正确的 CSS 是什么？
我相信你正在寻找这个，这是角度材料文档中提供的示例。
有几种方法可以定位侧导航切换按钮，您可以使用 CSS Flexbox 或仅向按钮添加float: right属性。我会选择第一种方法，结合使用mat-toolbar。