javascript,css_在chrome中用scrollHeight获取整个网页高度时，为什么body有和没有margin会得到不一样的返回值，javascript,css

在chrome中用scrollHeight获取整个网页高度时，为什么body有和没有margin会得到不一样的返回值

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">

</style>
</head>
<body>
<script type="text/javascript">
    **var wid=document.documentElement.scrollWidth||document.body.scrollWidth;
    var hei=document.documentElement.scrollHeight||document.body.scrollHeight;
    alert('width='+wid+' height='+hei);**
</script>
</body>
</html>

此时返回的结果如下

但是如果把body的margin设置为0px body{margin:0px},返回的结果会发生该表，如下图

请问这是为什么

var scrollWidth = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth)