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

我寻思html,body{}和html{}不应该是一样的吗

为什么这个不适应呢{:10_284:}
<!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>我爱&#128031;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-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%;}就不行啊{:10_254:}

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

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

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

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

页: [1]
查看完整版本: 我寻思html,body{}和html{}不应该是一样的吗