绝对定位与相对定位组合使用
来源：13-9 Relative与Absolute组合使用
慕勒6241362
2016-11-16 22:11
参照定位的元素加入position:relative;
定位元素加入position:absolute;
为什么这样就能相对于参照元素来定位了，怎么理解，原理是什么？
写回答
关注
4回答
-
- lusir_0001
- 2016-11-16 23:14:07
其实如果仅仅只是用来确保定位元素随着参照定位的元素移动而移动，只要保证参照定位的元素是定位元素的前辈元素，并且定位元素加入position:absolute;，至于参照定位的元素是position:relative;还是position:absolute;都无所谓。可以这么理解，绝对定位会飘起来；相对定位创建了一个副本，让副本飘起来，而本身隐形。
-
- lusir_0001
- 2016-11-16 23:18:39
个人理解，其实如果仅仅只是用来确保定位元素随着参照定位的元素移动而移动，只要保证参照定位的元素是定位元素的前辈元素，并且定位元素加入position:absolute;，至于参照定位的元素是position:relative;还是position:absolute;都无所谓。可以这么理解，绝对定位本身会飘起来；相对定位创建了一个副本，让副本基于本身原来位置去飘，而本身隐形。
-
- Dvivid
- 2016-11-16 22:27:25
就我的理解啊！
是这样的首先先有一个是相对定位（相对定位代表以自身本来的位置为参照物（对就是高中物理相对运动时的那个参照物）再移动，绝对定位的概念是以他的父元素为参照物进行移动，此时这个绝对定位包含于相对定位的那个块中，所以就能相对于参照元素定位了）
-
- 慕粉2109029135
- 2016-11-16 22:25:45
百度上叙述的可以，你不妨去看一下。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1228533 学习 · 19032 问题
相似问题