深入探讨相对定位和绝对定位_[Html教程]

















本篇详细关于相对定位和绝对定位的说明实例的文章主题。












A:均不设置postion，一般嵌套关系












B:仅外div设置relative，一般嵌套关系












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















A:均不设置postion，一般嵌套关系












B:仅外div设置relative，一般嵌套关系












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












D:外div设置relative，内div设置absolute，内div浮起来并相对于外div定位













D:外div设置relative，内div设置relative，内div浮起来并相对于外div定位












E:这个是说明边界问题。-10 != 反向10px间距




注意两个红色的地方文字,其中,绝对定位在嵌套中,好象要站居一定位置,而相对定位则没有