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