关于body的问题

先上代码吧<!DOCTYPE HTML>
<html>
<head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title></title>
        <style type="text/css">
        
        </style>       
        <script type="text/javascript">
window.onload = function() {
document.body.style.backgroundColor = "#000";
var bodyHeight = document.body.offsetHeight;
alert(bodyHeight);
}
        </script>
    </head>
    <body>    </body>
</html>大侠看看，明明body的高度为0，为什么给body加背景颜色却显示为整个屏幕啊

解决方案 »

  1.   

    body作为拥有background-color属性的最高级元素，body的background-color属性被浏览器俘获，作为整个浏览器的背景色，所以是整个屏幕。如果想实现你自己的所想，给html节点设置个background-color属性，另外body的高度为什么那样取值，可以body.style.height就ok。
    最后说一点，同样的帖子没必要发好几个，刷版不是什么好习惯
      

  2.   

    offsetHeight这个不是Body的高度 
      

  3.   

    IE认为BODY就是整个窗口.
    其它浏览器有不同的处理.