2010-11-05 94 views
29

我的页面上有垂直滚动条的问题。我有很多在里面div div内的项目,我尝试了溢出:自动风格的div,但它没有帮助。如何将垂直滚动条添加到ul或div?UL或DIV垂直滚动条

<div id="content"> 
<p>some text</p> 
<ul> 
<li>text</li> 
..... 
<li>text</li> 
</div> 
+1

网页中的额外滚动条使其不易访问,使用起来更麻烦。我并不是说他们没用,只要确保你已经想好了很长时间,用户就可以在页面上添加滚动条,而不需要它们。 – zzzzBov 2010-11-05 03:41:32

回答

74

您需要定义UL或您的DIV的高度,并设置溢流等于自动如下:

<ul style="width: 300px; height: 200px; overflow: auto"> 
    <li>text</li> 
    <li>text</li> 
+1

滚动条有没有可能不可见? – Damir 2010-11-05 01:28:29

+0

你的意思是不可见的?您可以通过使用最小高度或最大高度更改高度来获得所需的输出。 – subosito 2010-11-05 01:32:32

+0

不,我的滚动条iz出现蓝色时。我不知道是否有机会隐身,就像在Android手机上一样? – Damir 2010-11-05 01:46:44

6

您需要设置一个高度上的DIV。否则它将无限期地继续扩大。

+0

OP要求垂直滚动条。 – 2014-08-15 01:27:18