relative相对的的自身原来的位置做定位：如图所示
图4是图2相对定位后的结果，如果不结合定位坐标图4和图2就是重合的
相对定位是要占据空间的，当图2变成图4的时候，图1和图3的位置还保持原来的位置不会变（图1和图3不会将图2挤掉）
绝对定位absolute：如上图所示（即存在父类标签）
如果2设置了相对定位，1没设置，当给3设置绝对定位的时候，3是相对2设置的；
如果1设置了相对定位，2没设置，当给3设置绝对定位的时候，3是相对1设置的；
如果1和2都设置了相对定位，当给3设置绝对定位的时候，3也是相对2设置的；
如果1和2都没设置定位，当给3设置绝对定位的时候，3就是相对<body>标签设置的（即相对网页设置的）
总结：就是相对祖先元素设置的定位，不停的向上找，直到找到设置了定位的祖先元素，最后找到<body>为止！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
