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>

猜你喜欢

转载自blog.csdn.net/ckxkobe/article/details/84610575
今日推荐