在CSS中使用RTL，但是内容在页面的中间

我正在写一个角度管理面板，但有一个问题。我在MU-CSS中使用RTL，所以它是RTL面板，但是现在我的内容在页面的中间，我该怎么办？p> 这是我的html代码

<app-header ></app-header>


<mat-drawer-container>
    <mat-drawer mode="side" [opened]="sideBarOpen" >
        <app-sidebar></app-sidebar>
    </mat-drawer>
    <mat-drawer-content>
        <router-outlet></router-outlet>
    </mat-drawer-content>
</mat-drawer-container>

<app-footer></app-footer>

添加位置=垫子抽屉的末端

<mat-drawer mode="side" [opened]="sideBarOpen" position="end">
    <app-sidebar></app-sidebar>
</mat-drawer>

<mat-drawer mode="side" [opened]="sideBarOpen" position="end">
    <app-sidebar></app-sidebar>
</mat-drawer>