本文详细解析了CSS中不同定位属性（如relative与absolute）在外层和内层元素上的使用技巧及表现差异，特别是在Firefox浏览器中的特殊行为。
<div id="d1">
<div id="d2">
</div>
<div id="d3">
</div>
</div>
1，内外层均不设置postion，一般嵌套关系。
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定位）
扫一扫
3041
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
