元素設置overflow:auto後子元素設置position:absolute也會佔正常文檔流的位置，如何解決？

元素設置overflow:auto後子元素設position:absolute也會佔正常文檔流的位置，求大神解答是什麼原因，如何解決？
<div class="test1" style="width:400px;height:400px;overflow:auto;border:1px solid #ccc;">
    <div style="width:200px;height:300px;position:relative">
      <div class="test3" style="width:300px;height:300px;position:absolute;left:130px;top:0;background:red"></div>
    </div>
  </div>

 

 

 

回答：

因爲你中間div設置了position:relative
這樣 position:absolute 就會相對於 position:relative 定位
面不是相對於頁面左上角定位了。