我创建了一个宽度为700像素，高度为500像素的叠加层。 它的内容虽然很长，但用户必须能够在叠加层中向上/向下滚动。
考虑到每个浏览器中滚动条的宽度不同，我是否可以建议如何进行此设置？
例如，如果我向覆盖包装器添加15px的padding-right，它在Firefox中显示效果很好。 内容完全适合div，并且不会出现水平条。
但是在另一个浏览器中，垂直滚动条可能是20px宽，这会导致内容被强制水平滚动，或者，如果我禁用overflow-x，它们将被右边的5px切断。 / p>
如何在浏览器中显示垂直滚动条时，叠加包装的宽度会调整，以便在没有水平滚动条的情况下完美显示其内容？
答案 0 :(得分：1)
Overflow property听起来像你需要的：overflow:scroll;？但我想我不确定你对滚动条宽度的不同之处是什么。如何设置这是可变的？
或者对你的问题进行不同的看法，将div与你的叠加包装器放在另一个div中并让新的div具有scroll属性，这样第一个直接与滚动条无关。例如：[link]
编辑：查看您提供的示例，您想要this之类的内容吗？诀窍就像我上面说的那样把div放在一切，但是不给它一个宽度并让它display:inline-block;（display）所以它适合孩子（但滚轮停留在孩子之外）。
编辑2：请注意，如果您需要它以屏幕为中心，则必须在内联块周围设置另一个父div，并使用内联块text-align:center;。 （example）
答案 1 :(得分：0)