element-ui弹出模态框页面向左偏移的问题

问题如下：
做项目的时候，使用element-ui搭建页面，页面内容超出了屏幕范围导致出现了滚动条，当点击模态框的时候，模态框出现页面会向左偏移几个像素。

问题原因：
查看页面源码发现，当点击模态框的时候，会在body标签上添加style为padding-right:17px;的属性，导致页面偏移。

没点击模态框之前
点击模态框之后
解决办法：
解决思路就是重写覆盖掉这个属性

body{
  padding-right:0 !important
}

!important的作用是提高指定样式规则的应用优先权（优先级），点击查看!important 的详细使用