设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › 我寻思html,body{}和html{}不应该是一样的吗
返回列表 发新帖
查看: 2078|回复: 3

[已解决]我寻思html,body{}和html{}不应该是一样的吗

[复制链接]
向上的蜗牛
发表于 2019-4-22 12:35:26 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
为什么这个不适应呢
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>005</title>
  6. <style type="text/css">
  7.         html,body{
  8.                 height:100%;
  9.                 color:#fff;
  10. }
  11.         body{
  12.                 background:url(猎户座2.jpg);
  13.                 background-size:cover;
  14.                 margin:0;
  15.                 padding:0;
  16.                 position:relative;
  17.                  }
  18.         #cii {
  19.                 width:100%;
  20.                 text-align:center;
  21.                 position:absolute;
  22.                 top:50%;
  23.                
  24.                          }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="cii">
  29. <h1>我爱&#128031;C</h1>
  30. <p>www.fishc.com-让编程改变世界</p>
  31. <a href="http://www.baidu.com">鱼C论坛传送门</a>
  32. <a href="http://www.baidu.com">回到本站主页</a>
  33. </div>
  34. </body>

  36. </html>
复制代码
最佳答案
月排行榜 / 总排行榜
不二如是
2019-4-22 17:15:04
鱼油可以了解下，DOM树结构，html是body的父级，

html,body{}，代表同时为这两个元素设置CSS样式，鱼油的“不适应”具体指什么？
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2019-4-22 17:15:04 | 显示全部楼层    本楼为最佳答案   
鱼油可以了解下，DOM树结构，html是body的父级，

html,body{}，代表同时为这两个元素设置CSS样式，鱼油的“不适应”具体指什么？
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

向上的蜗牛
 楼主| 发表于 2019-4-24 14:47:18 | 显示全部楼层
不二如是 发表于 2019-4-22 17:15
鱼油可以了解下，DOM树结构，html是body的父级，

html,body{}，代表同时为这两个元素设置CSS样式，鱼油 ...

不是说有继承机制吗，那html{height 100%;}、html，body{height 100%;}应该一样吧，不过为什么这个里面html{height 100%;}就不行啊
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

不二如是
发表于 2019-4-24 14:55:53 | 显示全部楼层
向上的蜗牛 发表于 2019-4-24 14:47
不是说有继承机制吗，那html{height 100%;}、html，body{height 100%;}应该一样吧，不过为什么这个里面ht ...

1、继承机制确实生效了吖，由于是100%，意味着按照网页内容的高度自动充满。

打开Chorome的开发者模式，可以看到，html和body的高度一样哦：
Snip20190424_178.png
Snip20190424_177.png
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-21 19:30

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表