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>進行定位的。