设置整个页面的背景颜色，解决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%不起作用问题的主要内容，如果未能解决你的问题，请参考以下文章
HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏----实战经验