我将一个空内容div放入表格中的td标签中。它显示为div中只有一行。如果我设置了div的高度,当我输入的内容多于它的高度时,它仍然保持与它相同的大小。当内容需要在div中占用更多空间时,如何添加垂直滚动条?感谢。
答案 0 :(得分:21)
当内容大于高度和宽度时自动显示滚动条,如下所示:
<div style="overflow:auto;"></div>
OR
始终显示滚动条,如下所示:
<div style="overflow:scroll;"></div>
以下是CSS溢出属性的一些参考:
答案 1 :(得分:12)
使用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
答案 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>