我创建了一个宽度为 700 像素、高度为 500 像素的叠加层。不过它的内容会很长，因此用户必须能够在叠加层中向上/向下滚动。
考虑到每个浏览器中滚动条的宽度不同这一事实，我能否获得有关如何设置的建议？
例如，如果我将 15px 的 padding-right 添加到覆盖包装器中，它在 Firefox 中会显示得很好。内容将完全适合 div 并且不会出现水平条。
但是在另一个浏览器中，垂直滚动条可能是 20px 宽，这会导致内容被强制水平滚动，或者，如果我禁用 overflow-x，它们会在右侧被截断 5px。
我怎样才能得到它，无论浏览器如何，当垂直滚动条出现时，覆盖包装的宽度都会调整，使其内容可以在没有水平滚动条的情况下完美显示？
溢出属性听起来像你需要的：overflow:scroll;？但我想我不确定您对不同宽度的滚动条的关注是什么。如何设置这是可变的？
或者以不同的方式看待您的问题，将带有覆盖包装器的 div 放在另一个 div 中，并让新 div 具有滚动属性，从而使其第一个直接与滚动条无关。例如：[链接]
编辑：看看你提供的例子，你想要这样的东西吗？技巧就像我上面所说的，将 div 放在所有东西周围，而不是给它一个宽度并让它display:inline-block;（display）所以它适合孩子（但滚轮留在孩子外面）。
编辑 2：请注意，如果您需要它在屏幕上居中，则必须有另一个父 div 围绕 inline-block ，并且有 inline-block text-align:center;。（示例）
使用 max-width 和 jquery 滚动条插件 jscrollpane。
如果需要，您可以为每个浏览器定义滚动条宽度和样式。