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;
 }