影响 div 宽度的滚动条

Posted 2023-03-06

【中文标题】影响 div 宽度的滚动条

【英文标题】：Scrollbar affecting the div width

【发布时间】：2012-12-17 21:24:49

【问题描述】：

我有一个属性溢出自动的 div。如何使这个 div 的内容水平对齐，有和没有显示滚动条。滚动条弄乱了 div 的宽度。希望你能理解。

【问题讨论】：

向我们展示一些代码，我们或许可以提供帮助

这里是简单的例子：jsfiddle.net/ftkbL/1053jsfiddle.net/ftkbL/1054

您想简单地隐藏滚动条吗？是否要扩展容器以容纳 所有 内容？

我希望内容位于 div 的边缘，而不取决于是否有滚动条。您可以看到这两个示例的区别。

【参考方案1】：

overflow-x: scroll;
overflow-y: hidden;

来源：Div with horizontal scrolling only

【讨论】：

类似这样的东西：***.com/questions/8079187/…

你的意思是内容大小的宽度变化函数？默认情况下所有 div 都是这样，否则它不再是 html 和 css，你需要 javascript

【参考方案2】：

尝试改用overflow-y: overlay。

.your-content
   overflow-y: overlay;

注意::: overflow-y: overlay 已被弃用。

但这会使滚动条显示为覆盖，而不影响div或元素的宽度。