设置整个页面的背景颜色,解决height:100%不起作用问题

Posted 董七

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置整个页面的背景颜色,解决height:100%不起作用问题相关的知识,希望对你有一定的参考价值。

body{

  width:100%;  

  height:100%;

  background-color:#f00;

}

从以上代码可以看出 body 的背景颜色并没有想我们想的那样铺满整个背景;

解决方法:也要设置父元素的高度,即可

html,body{

  width:100%;  

  height:100%;

  background-color:#f00;

}

从以上代码可以看出 body 的背景颜色铺满整个背景;

以上是关于设置整个页面的背景颜色,解决height:100%不起作用问题的主要内容,如果未能解决你的问题,请参考以下文章

CSS网页背景图片等比例占满整个页面的解决方案

HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏----实战经验

css设置背景颜色了,为什么没出来,在设计里有,在网页中就没有?求解

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

css在最后一页打印背景颜色

手机端背景图片撑满整个屏幕