首页 > 代码库 > CSS+DIV在用absolute绝对定位时怎么使页面自适应

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(注意:这里使用的是百分比)

CSS+DIV在用absolute绝对定位时怎么使页面自适应