ok~_~ok 2019-02-01 14:58 采纳率: 80%
浏览 935
已采纳

设置html{background-color:blue},为什么却能铺满整个页面? <html>的height并没有这么设置这么高

为什么背景色能铺满整个页面?
<html>元素此时的height只有8px啊(这8px还是body的外边距撑开的) 


先看代码


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

</body>
</html>


/* 
    为什么背景色能铺满整个页面?
    <html>元素此时的height只有8px啊(这8px还是body的外边距撑开的) 
*/
html{
  background-color: lightblue;
  border:2px solid red;
}


运行结果

图片说明



另外,经常看到这种写法,结合上面的例子展示的特性,感觉也挺奇怪的:
html,body{
    height:100%;
}
  • 写回答

3条回答 默认 最新

  • Go 旅城通票 2019-02-01 15:33
    关注

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

    https://www.zhangxinxu.com/wordpress/2009/09/%E5%AF%B9html%E4%B8%8Ebody%E7%9A%84%E4%B8%80%E4%BA%9B%E7%A0%94%E7%A9%B6%E4%B8%8E%E7%90%86%E8%A7%A3/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器