Angular Material2导航栏/侧栏行为异常

我有这样的HTML：

开始 .... 我的内容在这里 我的CSS几乎不存在，但我们有：

.mat-sidenav {
  width: 400px;
}

问题是，当sidenav/侧边栏打开时，它会覆盖内部内容，而不是移动内部内容。例如：

侧边栏关闭

边栏打开了

我想做的是调用正常的行为，不掩盖内容，只是缩小内容并将其移动到右侧

---

有人知道为什么它没有按预期工作吗？我的另一个问题是如何防止内部内容变暗-我宁愿它保持光亮。

我认为您应该使用：

@Input()
mode: 'over' | 'push' | 'side'

在mat侧导航选择器中，设置模式=侧