Bootstrap3：当模态叠加出现时，为什么元素的位置向右移动

Question

请查看我的代码here，然后尝试点击模态按钮菜单 如您所见，只要垂直滚动隐藏，按钮菜单和内容就会向右移动 所以，我尝试了this:

body.modal-open{
    padding-right: 0;
    overflow-y: scroll;
}  

上面的代码可以保持垂直滚动可见，因此按钮不会再向右移动。

但是，另一个问题是div.content，它向左移动 然后，我尝试了这个：

body.content{
  padding-right: 0px;
  overflow-y:scroll;
  overflow-x:hidden;
}

似乎没什么用。我可能在这里遗漏了一些东西，需要帮助:)）

Answer 1

似乎某些脚本（bootstrap？）会向正文添加padding-right css属性。

解决方案：向body添加css属性，以避免此

   body { padding-right:0 !important;} 

还有modal-open .modal选择器添加了溢出y：滚动，这可能会导致一些位移问题。如果上述解决方案不够，请尝试添加

 modal-open .modal {
   overflow-y: hidden;
}

也是。但不应该这样做。