Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS背景100%高度_Css_Background_Cover - Fatal编程技术网

CSS背景100%高度

CSS背景100%高度,css,background,cover,Css,Background,Cover,JSFiddle: 如何将正文的背景设置为100%高度?将正文的高度设置为100%,否则只需要内容所需的高度(.msgdiv) 演示:如果我正确理解了你的问题,你可以将高度:100%放在身体内部 如果我将“.msg”类的高度设置为2000px,如何扩展背景(无重复)?可能已修复 html,body{ background: linear-gradient(to right top, #336e7b 0%, #8e44ad 50%, #e74c3c 100%) repeat scroll

JSFiddle:


如何将正文的背景设置为100%高度?

将正文的高度设置为100%,否则只需要内容所需的高度(
.msg
div)


演示:如果我正确理解了你的问题,你可以将
高度:100%
放在身体内部

如果我将“.msg”类的高度设置为2000px,如何扩展背景(无重复)?可能
已修复

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;
}
html, body {
    height: 100%;
}