有没有办法为div设置垂直滚动条?

时间:2011-07-14 19:18:14

标签: html css

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

5 个答案:

答案 0 :(得分:21)

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

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

OR

始终显示滚动条,如下所示:

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

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

overflow

overflow-x

overflow-y

答案 1 :(得分:12)

使用overflowoverflow-yauto | 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

答案 2 :(得分:0)

仅垂直滚动

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

答案 3 :(得分:0)

在css中执行此操作

div {overflow: scroll}

编辑:所有内联样式的人都有: - (

答案 4 :(得分:0)

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

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