HTML和body标签的疑惑
参考资料
https://blog.csdn.net/u012028371/article/details/52999230
https://www.zhangxinxu.com/wordpress/2009/09/对html与body的一些研究与理解/
宽高百分比,应该是相对于父元素的,父元素没有定值(没有或者auto),就向上层继续找
HTML和BODY标签,不是理解很透彻
待续。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>08_html和body标签的100%height.html</title>
<style>
个人理解,在查阅资料后,大致有了这样的想法
height: 100%;是对父元素的高度,父元素没有高度定值或者是auto的时候,就不会起效,继续向上找
都没有,则高度为0
而当body设置height: 100%;,html没有设置高度的时候,body父元素没有高度定值,body就没有高度,除非子元素撑开
html也设置100%的时候,理解成浏览器页面高度,即可实现body高度为100%
html似乎不能设置定值
是不是可以理解成,html是浏览器页面高度,但是body高度要100%,就得按照标签高度百分号的使用规范,从有定值的父级元素而来
所以html要声明100%
https://blog.csdn.net/u012028371/article/details/52999230
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/
html {
/*height:6000px;*/
}
html,
body {
height: 100%;
}
div {
height: 3000px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>