html 和 body 的区别

在做例子的时候，css有一段
html,body{
/*html body html,body*/
width:100%;
height:100%;
}
三种情况都试了试，对页面效果影响有不同，原本没有意识到html和body的区别，只知道html包括head和body，认为head不直接占用浏览器的位置，显示的时候只有body，所以就认为在页面中html和body效果一样。根据查阅的一些资料，现在总结一下。

大体的几个样式要注意：

1. 用在html上:
   rem
   如果body及其子元素的高度设置为窗口高度时，html上也要添加(上面的代码段)
   滚动条问题

2. 用在body上
   background、bgcolor、margin(4个)、text
   这些只是我自己总结的一些需要注意的点，有问题的时候可以往这方面考虑，更详细的实例可以参考张鑫旭的博客
   张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
   文章地址：http://www.zhangxinxu.com/wordpress/?p=259

在js中，html对应document.documentElement; body对应document.body
平常易混淆的还有window和document,window是指窗口大小的可视高度，不包括浏览器滚动条，document.documentElement.clientHeight;
document的意思是文档，它是指具体的一个对象的内容高度，高度为对象的document.documentElement.scrollHeight;