html body 100% 解析和应用

常见的

html, body {
   height: 100%;
} 
解释 

 

这是为了兼容各个浏览器。

IE 处于混杂模式时，body以窗口为高度参照，body设置为100%就可以使得页面和窗口一样高，body里面的嵌套div也可以扩展到窗口高度，这样的话可以使布局适应浏览器窗口大小。

窗体 》body》div  (html ,body {overflow:scroll}  一层滚动条) 

但是当处于标准模式时，body以html标签为高度参照，html标签才以窗口为参照，所以仅仅body 100%，并不能使它的子div100% 占据整个屏幕，还要使得 html 100%使得 html获得窗口大小才行。才有了上述代码。

窗体》html》body》div (html ,body {overflow:scroll}  两层滚动条 ,html的滚动条从来不会用到)