码迷,mamicode.com
首页 > Web开发 > 详细

html,body的关系

时间:2016-07-07 22:16:10      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

先上一张关系图

技术分享

最底下的一个是画布,往上一层是html结构,再往上一层是body结构

默认情况下html,body的height都是0,你给这两个元素分别加个边框就能看出来,要特别注意的是加背景颜色是看不出来的,这是由于画布,html和body的逆向继承有关系,给body设置背景颜色会被html,画布继承到,虽然画布,html是根元素

html,body的height设为100%时,其大小就是浏览器视口的大小,缩放浏览器这个值会跟着变

html,body的overflow:hidden具有冻结窗体的功效(不管高度设置的是什么值),设置之后不管多长多宽的页面滚动条一律消失(IE7以下body的overflow:hidden无此能力)

body设为100%的具体高度值受到html的高度影响

html,body的关系

标签:

原文地址:http://www.cnblogs.com/diantao/p/5651568.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!