当父级是body时，子元素设置position：absolute；定位是根据body还是document呢？
absolute定位参照物为第一个定位祖先或根元素，如果不存在满足条件的祖先元素，则会根据最外层的 window 进行定位。
详解css属性——position
这个自己测试一下就知道了
背景为绿色的是html，黄色的是body，红色的是定位的div
给body添加 position ：relative时
没有添加时
所以，你问题的答案就是定位根据的是html，而不是body
position的参照是按照父级来作为参照的 父级是谁就参照谁来定位
position：absolute；生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
这里也就是你的body
相对于body绝对定位。
position:absolute 元素相对最近的 position 为 absolute / relative / fixed 的祖先元素（包含块）定位，如果没有这样的祖先元素，则以初始包含块进行定位，而初始包含块并不是以<html>或<body>进行定位的。
w3c关于包含块及初始包含块的定义
我们可以做一下测试：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>position:absolute</title>
</head>
<style type="text/css">
html{
border: 1px solid red;
background-color: #ee8;
}
body{
width:300px;
height: 200px;
margin: 10px auto;
background-color: #ccc;
border: 1px solid blue;
}
div{
width: 100px;
height: 100px;
background-color: #3ff;
position: absolute;
}
</style>
<body>body
<div>div</div>
</body>
</html>此时的效果如下：
body添加position:relative;
div添加 bottom:0;
效果如下：
html添加position:relative;
div添加 bottom:0;
效果如下：
body和html都不进行定位，div设置bottom:0;
此时效果如下：
所以，当绝对定位元素的祖先元素都没有进行relative/absolute/fixed定位时，是相对于初始包含块来定位的，而初始包含块并不是以<html>或<body>进行定位的。