Css 如何将垂直滚动条自动添加到div？

我想在我的

中添加一个垂直滚动条。我尝试了

溢出：auto

，但它不起作用。我已经在Firefox和Chrome中测试了我的代码

我在这里粘贴div样式代码：

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

---

您需要指定一些高度以使

溢出：自动属性工作。

出于测试目的，增加高度：100px并检查。

如果你给出
overflow-y:auto而不是
溢出：自动，因为这使元素只能垂直滚动，而不能水平滚动

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

如果您不知道容器的高度，并且希望在容器达到固定高度时显示垂直滚动条，例如
100px
，请使用
max height
而不是
height
属性

有关更多信息，请阅读此内容。
我不太确定您试图使用div做什么，但这是一个随机文本的示例

格林先生说添加
overflow-y:auto
时给出了正确的指示，因为这限制了垂直滚动。这是一个JSFIDLE示例：

要在div中显示垂直滚动条，需要添加

height: 100px;   
overflow-y : scroll;

或

您必须添加
max height
属性


.ScrollStyle
{
最大高度：150像素；
溢出y：滚动；
}

滚动条测试

滚动条测试

滚动条测试

滚动条测试

滚动条测试

滚动条测试

滚动条测试

滚动条测试

滚动条测试

滚动条测试

我的
div弹出窗口上有一个令人惊叹的滚动条
。若要应用，请将此样式添加到div元素：

overflow-y: scroll;
height: XXXpx;

指定的
高度
将是div的高度，一旦有内容超过此高度，就必须滚动它

谢谢。
您可以设置：

overflow-y: scroll;height: XX px

自OSXLion以来，网站上的滚动条在默认情况下是隐藏的，只有在开始滚动时才可见。就个人而言，我更喜欢隐藏的滚动条，但如果您真的需要它，您可以覆盖默认值，并强制WebKit浏览器中的滚动条恢复如下：


：：-webkit滚动条{
-webkit外观：无；
宽度：7px；
}
：-webkit滚动条拇指{
边界半径：4px；
背景色：rgba（0,0,0,5）；
-webkit盒阴影：0 1px rgba（255255255.5）；
}
jsfiddle或更多css与您的markupTry this:
overflow-y:scroll
和一些高度。请看一下。谢谢格林先生的回复。但这段代码对我不起作用。为了使滚动条工作，内部内容应该溢出。在这里发布您的html和css代码。首先@Mr_Green您的建议在Chrome中工作良好，但在FF中不起作用。有没有其他方法可以增加高度，因为我不能为我的设计结构在我的Div中添加高度。是的，我明白你的观点并经过测试，它在Chrome中运行良好，但在FireFox中却不行。另一件令人困惑的事情是，垂直滚动条在FF中的页面加载时间出现，但在页面加载完成时消失了！“你需要指定一些高度”正是我的问题，谢谢p这是以前的答案所建议的。请在回答中添加解释来源（和解释）似乎是：。
overflow-y: scroll;height: XX px