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

向上的蜗牛 · 发表于 2019-4-22 12:35:26

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

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

x

为什么这个不适应呢

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>005</title>
<style type="text/css">
        html,body{
                height:100%;
                color:#fff;
}
        body{
                background:url(猎户座2.jpg);
                background-size:cover;
                margin:0;
                padding:0;
                position:relative;
                 }
        #cii {
                width:100%;
                text-align:center;
                position:absolute;
                top:50%;
                
                         }
</style>
</head>
<body>
<div id="cii">
<h1>我爱🐟C</h1>
<p>www.fishc.com-让编程改变世界</p>
<a href="http://www.baidu.com">鱼C论坛传送门</a>
<a href="http://www.baidu.com">回到本站主页</a>
</div>
</body>

</html>

最佳答案

月排行榜 / 总排行榜

不二如是

2019-4-22 17:15:04

鱼油可以了解下，DOM树结构，html是body的父级，

html,body{}，代表同时为这两个元素设置CSS样式，鱼油的“不适应”具体指什么？

跳转到最佳答案楼层

不二如是 · 发表于 2019-4-22 17:15:04

鱼油可以了解下，DOM树结构，html是body的父级，

html,body{}，代表同时为这两个元素设置CSS样式，鱼油的“不适应”具体指什么？

向上的蜗牛 · 发表于 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%;}就不行啊

不二如是 · 发表于 2019-4-24 14:55:53

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

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

打开Chorome的开发者模式，可以看到，html和body的高度一样哦：

账号		自动登录	找回密码
密码			立即注册