如何自动向我的 div 添加垂直滚动条？

Question

我想向我的 <div> 添加一个垂直滚动条。我已经尝试过 overflow: auto ，但它不起作用。我已经在 Firefox 和 Chrome 中测试了我的代码。

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

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

原文由 jay 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要分配一些高度才能使 overflow: auto; 属性起作用。

出于测试目的，添加 height: 100px; 并检查。

如果你给 overflow-y:auto; 而不是 overflow: auto; 会更好，因为这使得元素只能垂直滚动而不是水平滚动。

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

如果您不知道容器的高度并且想在容器达到固定高度时显示垂直滚动条 100px ，请使用 max-height 而不是 height 财产。

有关详细信息，请阅读此 MDN 文章。

原文由 Mr_Green 发布，翻译遵循 CC BY-SA 3.0 许可协议