CSS+DIV在用absolute絕對定位時怎么使頁面自適應

<div id="div1" style="position:absolute;left:10%;top:20%;width:50%;">
<div id="div2" style="position:absolute;left:20%;top:30%;width:20%;">
<div id="div3" style="position:absolute;left:30%;top:40%;width:30%;">

如上圖：

我們用absolute的絕對定位的時候，需要做自適應的時候，我們除了需要把top、left，還需要設置width（注意：這里使用的是百分比）