HTML和body标签的疑惑

最新推荐文章于 2022-07-06 14:55:24 发布

ckx_cxy

最新推荐文章于 2022-07-06 14:55:24 发布

阅读量750

点赞数

分类专栏： HTML CSS WEB前端

本文链接：https://blog.csdn.net/ckxkobe/article/details/84610575

版权

WEB前端同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

HTML

11 篇文章 0 订阅

订阅专栏

CSS

11 篇文章 0 订阅

订阅专栏

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>

ckx_cxy

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML和body标签的疑惑

HTML和body标签的疑惑参考资料https://blog.csdn.net/u012028371/article/details/52999230https://www.zhangxinxu.com/wordpress/2009/09/对html与body的一些研究与理解/宽高百分比，应该是相对于父元素的，父元素没有定值（没有或者auto），就向上层继续找HTML和BODY标签，不是...
复制链接

扫一扫

专栏目录