在Angular Material中，侧边栏可以通过使用组件来实现。要使侧边栏推动而不是重叠，您可以使用以下步骤：

1. 在组件HTML模板中，使用来包裹内容和侧边栏。将mode属性设置为"push"，以确保侧边栏推动主要内容而不是重叠。

2. 在组件CSS样式中，您可以为侧边栏和主要内容区域添加一些样式，以确保侧边栏推动主要内容。

mat-sidenav-container {
  height: 100vh; /* 设置容器的高度，以填满整个视口 */
}

mat-sidenav {
  width: 300px; /* 设置侧边栏的宽度 */
}

mat-sidenav-content {
  margin-left: 300px; /* 设置主要内容区域的左边距，以给侧边栏腾出空间 */
}

3. 根据您的需求，您可以使用Angular Material的其他组件来定制侧边栏的内容和样式，例如使用组件来创建一个导航菜单。

  
    
      home
      首页
    
    
      inbox
      收件箱
    
    
  

这样，您就可以实现一个推动而不是重叠的Angular Material侧边栏。根据您的具体需求，您可以根据示例代码进行调整和定制。