创建可变宽度带有可选滚动条的元素

Question

我想将 div 添加到我的网站，它具有可变宽度，并且当宽度小于最长的行时它将显示滚动条。 我尝试用可变宽度（100%）包装这样一个固定宽度的元素，但这不起作用。我在整个页面上都有滚动条。

有什么想法吗？

谢谢 亚龙

Answer 1

您可以将 overflow CSS 属性应用于有问题的 div：

#problematic-div {
    overflow: hidden;
}

这定义了溢出元素内容区域的内容会发生什么情况。对于值滚动，用户代理应该提供滚动机制，无论是否实际需要；因此，例如，即使所有内容都可以容纳在元素框中，滚动条也会出现。

您可以在此处尝试一些示例。

希望有帮助。