html - 如何使 html 列表在全屏页面上向下滚动？

Question

我正在尝试在 div 中放置一个可滚动的列表。我的内容占据了页面的 100%。

我将此代码用于我的列表：

ul {
    height: 100%;
    overflow-y: scroll;
}

但是，当我将项目添加到列表中时，它会扩展超出页面大小，并且即使在100%页面的真实性（对我来说全屏为 768px）用完后它也会继续。你可以在这里看到它不起作用：http : //jsfiddle.net/BDUMw/7/

如果您复制<li>几次，您会看到它<ul>在页面下方进一步延伸。

如何使以下 CSS 在100%页面中使用hidden overflow？

Answer 1

放入overflow-y:scroll;你的#contacts_containerCSS。

这是一个 JSFiddle 来展示它。http://jsfiddle.net/Agony/JGssW/