关于body的默认尺寸

body默认应该是占满全屏的(忽略默认边距的情况下),但是究竟是怎样的一个沾满全屏呢

如果给body设置如下属性

body{
            background-color: red;
        }

效果:

满屏的红色,那么是不是说明body是宽度和高度都是满屏的呢?

答案是:不是的,我们可以验证一下:

给body设置如下属性:

body{
            background-color: red;
            border: 20px solid green;
            padding: 20px;
        }

效果:

很明显,边框没有加到全屏的周围,而是在上面,而且其大小和我们加的padding和border属性一致,因此我们可以得出一个结论:body只是默认占了宽度的全屏,而高度默认是0。

但是为什么我们直接给body设置背景颜色,会对全屏有效呢,根据我的猜测,这应该是浏览器的原因,我们给body设置的背景,作用到了浏览器上。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值