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

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