div绝对定位与相对定位

时间:2024-04-15 07:32:58
1 <div id="d1">
2 <div id="d2"></div>
3 <div id="d3"></div>
4 </div>

1、内外层均不设置position,一般嵌套关系。

2、仅外div设置relative,一般嵌套关系。

3、仅内div设置absolute,文档中为嵌套关系,页面中内div浮起[非float],相对页面定位,与外div无关。

4、外div设置relative,内div设置absolute,内div浮起并相对于外div定位。(ff中:如果d3和d2位置交叉d3浮于d2上边)

5、外div设置relative,内div设置relative,内div浮起并相对外div定位。(ff中,如果d3和d2位置交叉d3在d2下边,好像d3相对于d2定位)

*做相对定位的浮动层时,按4来设置可以防止浏览器放大缩小时div跑位