我怎么能自动添加一个垂直滚动条到我的div?

我想添加垂直滚动条到我的<Div> 。 我试过overflow:auto ,但它不工作。 我已经在Firefox和Chrome中testing了我的代码。 我在这里粘贴Div样式代码:

 float:left; width:1000px; overflow: auto; 

提前致谢。

你需要分配一些高度来使overflow: auto; 财产工作。
为了testing目的,请添加height: 100px; 并检查。
如果你给overflow-y:auto;会更好overflow-y:auto; 而不是overflow: auto; ,因为这使元素只能滚动而不能水平滚动。

 float:left; width:1000px; overflow-y: auto; height: 100px; 

如果你不知道容器的高度,并且当容器达到一个固定的高度(比如说100px时想显示垂直滚动条,则使用max-height而不是height属性。

有关更多信息,请阅读此MDN文章

您必须添加max-height属性。

 .ScrollStyle { max-height: 150px; overflow-y: scroll; } 
 <div class="ScrollStyle"> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> </div> 

我的div-popup上有一个很棒的滚轮。 要应用,请将此样式添加到您的div元素:

 overflow-y: scroll; height: XXXpx; 

你指定的高度将是div的高度,如果你有超过这个高度的内容,你必须滚动它。

谢谢。

你可以设置:

 overflow-y: scroll;height: XX px 

我不太清楚你正在尝试使用div,但这是一些随机文本的例子。

Mr_Green在他说增加overflow-y: auto时候给出了正确的说明,因为这限制了它的垂直滚动。 这是一个JSFiddle示例:

的jsfiddle

要在你的div中显示垂直滚动条,你需要添加

 height: 100px; overflow-y : scroll; 

要么

 height: 100px; overflow-y : auto;