有没有一种方法可以为一个div设置垂直滚动条？

Question

我在表格的td标签里放了一个空内容的div。它只显示一行。如果我设置这个div的高度，当我输入的内容超过这个高度时，div的大小仍旧保持不变。如何在需要占用更多空间的情况下，在div中添加垂直滚动条呢？谢谢。

- Steven Zack

---

+1 是对过去提出问题的肯定，因为现在我们从中受益。 - bonCodigo

Answer 1

当内容高度或宽度大于显示区域时，自动显示滚动条，就像这样：

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

或者

始终像这样显示滚动条：

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

以下是CSS溢出属性的参考:

overflow

overflow-x

overflow-y

- John Hartsock

---

“overflow-y” 是我想要的 :D （尽管我收到了验证警告：Validation CSS2.11: overflow-y not a known CSS property）。我确定我拥有的版本是3.0，但是...你认为呢？ - bonCodigo

@bonCodigo.... overflow-y 明显是 CSS 3.0 的特性。也许你使用的测试工具只针对 CSS 2 进行验证。 - John Hartsock

Answer 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>

注意: overflow 自 CSS2 开始支持，但 overflow-y 是从 CSS3、Opera 9.6 和 Safari 3.1 开始支持的。

- Optillect Team

Answer 3

如果您想要垂直滚动条，则需要：

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

- Chintan

Answer 4

只有垂直滚动

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

- JAiro

Answer 5

在 CSS 中这样做

div {overflow: scroll}

编辑：大家为什么都要用内联样式啊 :-(

- calumbrodie