css使absolute相對於父容器進行定位而不是以body（為什么絕對定位（absolute）的父級元素必須是相對定位（relative））

借知乎的回答如下解釋：

首先，我想告訴你的是，如果父級元素是絕對定位（absolute）或者沒有設置，里面的絕對定位（absolute）自動以body定位。這句話是錯的。
正確的是：只要父級元素設了position並且不是static（默認既是static），那么設定了absolute的子元素即以此為包含塊（最近的）。
絕對定位（Absolute positioning）元素定位的參照物是其包含塊，既相對於其包含塊進行定位，不一定是其父元素。

參考：https://www.zhihu.com/question/19926700/answer/13483404