问题如下：
做项目的时候，使用element-ui搭建页面，页面内容超出了屏幕范围导致出现了滚动条，当点击模态框的时候，模态框出现页面会向左偏移几个像素。
问题原因：
查看页面源码发现，当点击模态框的时候，会在body标签上添加style为padding-right:17px;的属性，导致页面偏移。
没点击模态框之前
点击模态框之后
body{
padding-right:0 !important
}
!important的作用是提高指定样式规则的应用优先权（优先级），点击查看!important 的详细使用
问题如下：做项目的时候，使用element-ui搭建页面，页面内容超出了屏幕范围导致出现了滚动条，当点击模态框的时...
项目中用到了模态框和弹出框。模态框：在操作错误或需要提示时弹出，遮罩整个页面，一般显示在整个页面的正中间弹出框：可...
问题：在弹出模态框A的基础上，弹出模态框B，关闭模态框B之后，模态框A不能滚动（由于A模块框内容） 造成的原因：遮...
场景是这样： 我要做一个带输入框的页面，然后页面第一次进来是会弹出一个模态框，如下： 需求是这样子的： 点击模态框...
0x01 问题描述 通过angularjs的$modal服务弹出模态框 触发addMark()函数后，看不见模态框...
Date | 2018-11-05 模态弹出框 1.1基本结构 Bootstrap框架中的模态弹出框，分别运用了“...
弹出框，我们也称为模态框。 1.点击弹出层，会弹出模态框， 并且显示灰色半透明的遮挡层； 2.点击关闭按钮，可以关...
1.比如弹出一个模态框，模态框中包括componentDidMount,componentWillReceiveP...
1.Bootstrap向弹出的模态框传递参数 在一新闻列表页面，点击每一条信息，都打开一个模态框用来显示新闻的详情...
模态框（一）有个问题，模态框及时不弹出，也会遮挡其他div，导致其他div虽然能看见，但是无法点击，而且点击按钮触...
本文标题：element-ui弹出模态框页面向左偏移的问题
本文链接：https://www.haomeiwen.com/subject/hjzaoctx.html
网友评论