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

Posted 「已注销」

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了就今天给body设置宽高并设置背景颜色的疑问和理解相关的知识,希望对你有一定的参考价值。

问题:

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


网上找到的说法是这样的


下面验证一下这个想法

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

效果如下

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

 效果如下

 

 

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

效果如下

确实是这样!

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


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

以上是关于就今天给body设置宽高并设置背景颜色的疑问和理解的主要内容,如果未能解决你的问题,请参考以下文章

pandas绘图设置背景

html,body

vue的body

CSS背景设置代码怎么写?

CSS DIV 怎么做出来鼠标移动上就显示其内容?

html怎么设置背景颜色