关于body高度的疑惑

当body内只有一个固定高度的div时，那么body的高度是里面div的高度吗？例如：<body>
<div style="width:50px; height:50px; background-color:#000;"></div>
</body>我用js获取body的高度var bodyHeight = document.body.style.height;
alert(bodyHeight);在body标签中加个style="height:auto;"获取到的就是auto，而不是div的高度啊获取不到啊求大神指点菜鸟其中原因

解决方案 »

  1.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    </style>
    </head>
    <body style="height:auto;">
    <div style="width:50px; height:50px; background-color:#000;"></div>
    <script>
    alert( document.body.style.height )
    alert( document.body.offsetHeight )
    </script>
    </body>
    </html>
      

  2.   

    发现，即使body内没有元素时，body的宽度依然是整个屏幕的宽度，而body的高度是0通过document.body.offsetWidth即可得到验证当不加<!DOCTYPE HTML>时发现，各种浏览器对offsetWidth,offsetHeigth的解释不同
      

  3.   

    这让我理解了body、div和p一样都是块状元素，当不定义宽度时就占一行，不定义高度就为0