就今天给body设置宽高并设置背景颜色的疑问和理解

问题：

在给body设置了1000px的宽度并且设置了红色为背景颜色，红色覆盖了整个页面而不是只覆盖1000px的宽度

网上找到的说法是这样的

下面验证一下这个想法

首先创建好一个基本的html文件,设body的背景色为red

效果如下

接着，向body里面加个div，给背景设为白色，然后居中，并且不给div宽度，代码如下

 效果如下

 

 

body的实际宽度是和子类div中的宽度一样的，那为什么body的背景是覆盖整个页面，继续上代码

效果如下

确实是这样！

因此可以得出结论：默认情况下，我们直接操作body的话，body会被浏览器当做根结点来对待，子类(子类没有设置宽的前提下）会等于父类设置的宽，在没有设置任何html的背景色（或其他）属性时，body的高是都是无效的

所以，还是在body之后添加一个div实在一些~~~