当内容过大时使div可滚动

Question

我有这样一个设置，其中结果被包裹在 span 标签中，并使用 jquery “移动”到其他 div 中。目前，搜索最多只返回 30 个值，一切都很好，但我觉得这不是一个公平的限制。我想要能够在结果超过可显示的数量时滚动 div，就像列表框一样。我尝试了许多不同的方法，但似乎没有一个很好的方法。我希望它保持固定的高度。

- Kelly Larsen

Answer 1

如果您愿意使用固定高度，您可以使用以下方法，但是您并没有在此共享任何标记。

.container {
   /* Optional - You can set a  min-height : whatever px; for reserving some space*/
   height: 200px; /* Fix a height here */
   overflow: auto; /* Optionally you can also use overflow: scroll; */
}

- Mr. Alien

---

在我的情况下，它是一个左侧边栏，我使用建议的 height: 100% 和 overflow: scroll。 - bcag2

Answer 2

除了@mr-alien的回答之外，您还可以使用max-height来限制容器的大小，并同时使其适应内容：

.container {
   /* Optional - You can set a  min-height : whatever px; for reserving some space*/
   max-height: 200px; /* Fix a max-height here */
   overflow: auto; /* Optionally you can also use overflow: scroll; */
}

- Pavel Griza