给body设置背景色时,即使body设置了最大宽度,若html无背景色,此时背景会填满整个页面。
测试如下
<style>
body {
max-width: 640px;
background-color: skyblue;
}
</style>
此时页面背景如下
![image-20220904101814358](/i/l/?n=22&i=blog/2863962/202209/2863962-20220904101815862-1871919401.png)
若给html也置背景
<style>
html {
background-color: #fff;
}
body {
max-width: 640px;
background-color: skyblue;
}
</style>
背景如下,可以看到body的背景色起作用了
![image-20220904101936217](/i/l/?n=22&i=blog/2863962/202209/2863962-20220904101936969-901609220.png)