CSS背景不会伸展到最大高度

Question

我有一个100％高度的元素。如果有很多块，那么它们就会超越它。

jsfiddle示例：http://jsfiddle.net/yPqKa/

如何解决？

提前致谢。

CSS：

html, body {
    height: 100%;
    width: 100%;
}
.content-background {
    background-color: #000;
    height: 100%;
    width: 100%;
}
.content {
    background-color: #eee;
    height: 50px;
    width: 100%;
    margin-top: 60px;
}

Answer 1

在身体上设置最小高度：

html {
    height: 100%;
    width: 100%;
}
body{
    min-height:100%;
}

<强> DEMO

这将允许身体使其高度适应溢出的内容。

Answer 2

问题是你已经将html和body元素的高度设置为其容器的100％，这限制了它们小于它们包含的元素。如果从第二行删除height: 100%;，它将起作用。