关于JQuery获取宽度和高度在chrome和IE下的不同

之前写了一个关于滚动条的东西，可是在写的时候发现JQuery在获取宽度和高度时在不同浏览器中是不一样的，下面发一下代码给给位看官先展示一下：

 1 $(function(){
 2     $("#main").html(
 3         "$(document).width():"+$(document).width()+
 4         "<br />$(document).height():"+$(document).height()+
 5         "<br />$(window).width():"+$(window).width()+
 6         "<br />$(window).height():"+$(window).height()+
 7         "<br />$(document.body).width():"+$(document.body).width()+
 8         "<br />$(document.body).height():"+$(document.body).height()
 9     );
10 });

打印出来的截屏如下：

这个是在Chrome中的效果，下面来看一下IE中的：

比较一下吧~我们可以看到，当选择document的时候两个浏览器出现了不同的值，IE中对于document的宽和高都增加了4像素，而对于window和document.body的却很正常，所以打算通过屏幕的大小来设定网站轮廓大小的童鞋还是多用用window的宽和高吧！

ps：document.body在没有内容的时候高度是零，为什么呢？你说为什么呢？哈哈……这么简单的问题就不用我回答了吧~要是还不明白就去看看html的DOM吧~要是还不懂可以给我留言~