使用bootstrap框架制作弹出框页面时发现,打开model弹出框页面右边出现一个边距,关闭弹出框后这个边距还是不会消失,非常影响页面美观。
产生这个边距是由于打开modal时给body
添加的modal-open
类,默认的overflow为hidden导致滚动调消失,同时又为body添加了一个padding-right:12px的右边距。
解决方法:设置modal-open样式为:
.modal-open {
overflow: inherit ;
padding-right: 0px !important;
}