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

Question

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

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

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

然而，当我向列表添加项目时，它会扩展到页面大小以外，即使在页面的真实100%（对我来说是全屏768px）用完之后它仍会继续。您可以在此处看到不：http://jsfiddle.net/BDUMw/7/

如果您多次复制<li>，您会看到<ul>正在页面下方进一步扩展。

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

Answer 1

将overflow-y:scroll;放入#contacts_container CSS。

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