有没有办法为 div 设置垂直滚动条？答案

【问题标题】：Is there a way to set vertical scrollbar for a div?有没有办法为 div 设置垂直滚动条？
【发布时间】：2026-02-06 02:55:02
【问题描述】：

我将一个空的内容 div 放入表中的 td 标记中。它显示为 div 中只有一行。如果我设置了 div 的高度，当我输入的内容多于它的高度时，它仍然保持原来的大小。当内容需要在 div 中占用更多空间时，如何添加垂直滚动条？谢谢。

【问题讨论】：

标签： html css

【解决方案1】：

当内容大于高度和宽度时自动显示滚动条，如下所示：

<div style="overflow:auto;"></div>

或

像这样一直显示滚动条：

<div style="overflow:scroll;"></div>

以下是 CSS 溢出属性的一些参考：

【讨论】：

overflow-y 是我所追求的：D（虽然我收到了验证警告：Validation CSS2.11: overflow-y not a known CSS property）我确定我拥有的版本是 3.0... 你觉得呢？跨度>
@bonCodigo ....overflow-y 当然是 CSS 3.0 的一个特性。也许您使用的测试工具仅针对 CSS 2 进行验证

【解决方案2】：

使用overflow，或overflow-y：auto | hidden | scroll | visible

<div style="max-height:100px; overflow-y:auto"> ... </div>

或

<div style="max-height:100px; overflow-y:scroll"> ... </div>

注意：自 CSS2 起支持 overflow，但 overflow-y - CSS3、Opera 9.6、Safari 3.1

【讨论】：

【解决方案3】：

如果你想要垂直滚动条那么

<div style="overflow-y:auto;overflow-x:hidden"></div>

【讨论】：

【解决方案4】：

仅垂直滚动

<div style="overflow-y:auto;"></div>

【讨论】：

【解决方案5】：

在 CSS 中执行此操作

div {overflow: scroll}

编辑：所有内联样式都有什么用 :-(

【讨论】：