设置了body的最大宽度,但是为什么body的背景颜色还铺满整个页面?

本文揭示了HTML中body和html背景色的交互原理:当html有背景时,它成为页面整体背景;反之,body背景生效。实例分析了如何控制这两者的颜色并理解其层级关系。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当html标签无背景样式时,body的背景色其实不是body标签的背景色,而是整个页面的的。一旦html标签含有背景色,则body的背景色变成了正常的body标签的背景色,而此时的html标签最顶级,背景色被浏览器获取,成为整个页面的背景色。

body {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    height: 2000px;
    line-height: 1.5;
    font-family: Arial, Helvetica;
    background-color: #F2f2f2;
}

比如下图,只给body指定了背景色,所以body的背景色成为html的背景色。

当我们给html指定背景色以后,html的背景色就成为整个页面的背景色。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值