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%; 從第二行開始，它將起作用。