html - 替代 "overflow:scroll;"在 div 中创建永久垂直滚动条？

Question

我有一个 div，其中我需要一个永久垂直滚动条。有时需要滚动条，因为 div 将包含多余的内容，有时则不需要，但我希望外观保持一致 - 即使 div 中没有多余的内容，我也希望它包含滚动条。我试过这个但是当没有多余的内容时它不会添加滚动条:

div#collection
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    float: right;
    width: 200px;
    height: 100%;
    background: white;
    overflow:scroll;
}

我还尝试将高度增加到 200%(html 和正文设置为 100%)，但随后整个页面滚动 - 这不是我想要的 - 我希望 div 单独滚动而页面的其余部分保持不变它在哪里。

有什么建议吗？

Answer 1

尝试在 div 中放置一个 wrapper 容器，并将其设置为 height:101%。