近期开发遇到一个问题,设置了body宽高但背景颜色仍会铺满。
经过查询资料,出现以上的原因主要是因为:
当html不设置背景时,body的背景将作为整个浏览器的背景色,而不是body标签自己的背景色。当设置html背景色后,body的背景色就变成了body自己的背景色,此时html的背景色将被浏览器获取成为浏览器的背景色。
所以,要让body的背景色渲染范围只在设置的body范围之内,我们需要对html进行背景样式的设置,解决方法:我们给html设置一个#fff白色背景效果如下
不积跬步无以至千里
近期开发遇到一个问题,设置了body宽高但背景颜色仍会铺满。
经过查询资料,出现以上的原因主要是因为:
当html不设置背景时,body的背景将作为整个浏览器的背景色,而不是body标签自己的背景色。当设置html背景色后,body的背景色就变成了body自己的背景色,此时html的背景色将被浏览器获取成为浏览器的背景色。
所以,要让body的背景色渲染范围只在设置的body范围之内,我们需要对html进行背景样式的设置,解决方法:我们给html设置一个#fff白色背景效果如下