body默认应该是占满全屏的(忽略默认边距的情况下),但是究竟是怎样的一个沾满全屏呢
如果给body设置如下属性
body{
background-color: red;
}
效果:
满屏的红色,那么是不是说明body是宽度和高度都是满屏的呢?
答案是:不是的,我们可以验证一下:
给body设置如下属性:
body{
background-color: red;
border: 20px solid green;
padding: 20px;
}
效果:
很明显,边框没有加到全屏的周围,而是在上面,而且其大小和我们加的padding和border属性一致,因此我们可以得出一个结论:body只是默认占了宽度的全屏,而高度默认是0。
但是为什么我们直接给body设置背景颜色,会对全屏有效呢,根据我的猜测,这应该是浏览器的原因,我们给body设置的背景,作用到了浏览器上。