抱歉标题很糟糕，但我无法简洁地描述我的问题。
我注意到与滚动条有关的奇怪行为。
我的网页左侧有一个固定菜单。如果里面有几个选项，菜单是可滚动的。
滚动菜单时，会出现滚动条并叠加在内容上。我没关系...如果每次都是这种情况！
以前是这样的风格：
overflow-y: scroll
将强制垂直滚动条始终可见，并占用其自己的空间作为包含 div 宽度的一部分。所以我最终做的是有一个固定大小的外部 div，然后是一个只有 15px 宽的内部 div 来隐藏滚动条。
#outer {
width: 200px;
overflow: hidden;
}
#inner {
width: 215px;
overflow-y: scroll;
}
但这种行为似乎并不一致。在工作中，使用上述风格，一切都很好。按钮位于右侧边缘，不会在右侧被切断。但是当我回到家，或者只是在其他地方工作时，滚动条会做悬停的事情，现在按钮从边缘延伸出来并部分隐藏。
起初我认为这可能是一个跨浏览器的问题，但事实并非如此。有没有人遇到过这个问题？谢谢！
PS - 在任何人提到一些第 3 方菜单/侧边栏代码之前。那是不行的。我尝试了一些，但由于工作特定的要求，我认为我自己写这个比对抗任何不符合我们需求的怪癖更容易。