css - CSS 背景 100% 高度

Question

html,body{
    background: linear-gradient(to right top, #336e7b 0%, #8e44ad 50%, #e74c3c 100%) repeat scroll 0 0 #abb7b7;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

JSFiddle：http: //jsfiddle.net/losiuhoi/1ujk40wh/1/

如何将身体的背景设置为 100% 高度？

Answer 1

将 body 的高度设置为 100%，否则它只需要内容 ( .msgdiv) 所需的高度。

html, body {
    height: 100%;
}

演示：http: //jsfiddle.net/dfsq/1ujk40wh/2/

Answer 2

如果我正确理解您的问题，您可以将height: 100%其放在体内...

http://jsfiddle.net/go5htxj7/