2011-07-14 89 views
13

我把一个空的内容div放入表中的td标签中。它显示div中只有一行。如果我设置div的高度,当我输入的内容多于高度时,它仍然保持原来的大小。如何在内容需要消耗div中更多空间时添加垂直滚动条?谢谢。有没有办法为div设置垂直滚动条?

+0

+1过去一直存在 - 所以现在我们受益。 – bonCodigo

回答

20

自动显示滚动条时,内容大于高度和宽度是这样的:

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

OR

显示滚动条在所有时间是这样的:

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

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

overflow

overflow-x

overflow-y

+0

'overflow-y'就是我之后的东西:D(虽然我得到了验证警告:'验证CSS2.11:overflow -y不是已知的CSS属性')我确定我的版本是3.0还未...你怎么看? – bonCodigo

+0

@bonCodigo .... overflow-y当然是一个CSS 3.0特性。也许你使用的测试工具只是对CSS 2进行验证 –

0

只有垂直滚动

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

在CSS中做到这一点

div {overflow: scroll} 

编辑:与所有的内联STYL什么es guys :-(

12

使用overflowoverflow-yauto | hidden | scroll | visible

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

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

注:因为CSS2overflow支持,但overflow-y - CSS3,歌剧9.6,Safari 3.1中

0

如果你想垂直滚动条则

<div style="overflow-y:auto;overflow-x:hidden"></div> 
相关问题