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%; 从第二行开始，它将起作用。