Angular Material的mat-sidenav宽度比CSS中设置的宽度小1个像素

Question

嘿，我正在尝试设置 Angular Material SideNav，在完成基本布局设置后，我注意到 SideNav 打开（未结束）时右侧有一条白线。在开发工具中查看时，它比我设置的宽度小 1 个像素。

因此 mat-sidenav 宽度比我在 CSS 中设置的宽度小 1 个像素。我将它设置为 240，它返回 239，这使得它比预期的小 1 个像素，并暴露了它下面的白色。请参阅下面的屏幕截图。

我创建了一个重现此问题的 stackblitz。

https://stackblitz.com/edit/angular-skcmty?embed=1&file=app/sidenav-overview-example.html

Answer 1

mat-sidenav 似乎有一个 border-right 属性 的 1px。您可以在 css:

中更改它

 mat-sidenav{
   border-right:0px;
 }