为什么设置body的背景颜色，颜色没有覆盖整个网页

[yaqbb]

而是这样子

[Oliver尹]

横向默认是100%，但是html标签和body标签纵向并不是默认100%，手动设置一下

[sxysoft_csdn]

上代码，我给你解决

[20112061]

height:100vh

[越来越好。]

加入css

html,body{
height:100%;
background: #2272c1;
}

[風灬雲]

引用 5 楼 喯啵儿灞 的回复:

[quote=引用 4 楼 越来越好。 的回复:]加入css

html,body{
height:100%;
background: #2272c1;
}

你这里的height 100%肯定是失效的，这个设置是在父元素有明确高度声明时才起作用 再说楼主的问题， 正常情况下，直接设置body的background即可全网页覆盖（即使document高度达不到全网页），你的没有覆盖，很有可能是其他代码或css框架的样式把body的样式重写了，可加入以下代码尝试下：

html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}

希望可以解决你的问题，欢迎互粉互关[/quote] html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面，所以这么写是完全正确的

html,body{
height:100%;
background: #2272c1;
}

[喯啵儿灞]

引用 6 楼 風灬雲 的回复:

[quote=引用 5 楼 喯啵儿灞 的回复:][quote=引用 4 楼 越来越好。 的回复:]加入css

html,body{
height:100%;
background: #2272c1;
}

你这里的height 100%肯定是失效的，这个设置是在父元素有明确高度声明时才起作用 再说楼主的问题， 正常情况下，直接设置body的background即可全网页覆盖（即使document高度达不到全网页），你的没有覆盖，很有可能是其他代码或css框架的样式把body的样式重写了，可加入以下代码尝试下：

html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}

希望可以解决你的问题，欢迎互粉互关[/quote] html 根节点是跟随浏览器窗口的 html 设置高度100% 就是铺满整个页面，所以这么写是完全正确的

html,body{
height:100%;
background: #2272c1;
}

[/quote] 深表歉意，只注视到body，忽视了前面的html，这位老师html,body写法是正确的，是我草率了~~

[倔强的烤马铃薯]

html,body{ height:100%; margin:0; padding:0; background:black; }

[喯啵儿灞]

引用 4 楼 越来越好。 的回复:

加入css

html,body{
height:100%;
background: #2272c1;
}

你这里的height 100%肯定是失效的，这个设置是在父元素有明确高度声明时才起作用 再说楼主的问题， 正常情况下，直接设置body的background即可全网页覆盖（即使document高度达不到全网页），你的没有覆盖，很有可能是其他代码或css框架的样式把body的样式重写了，可加入以下代码尝试下：

html,body{
  height:100vh;
  background: #2272c1;
  padding:0;
  margin:0
}

希望可以解决你的问题，欢迎互粉互关

[sxysoft_csdn]

多看css相关知识