position之relative的相关问题
来源：2-5 position-relative
Wang8062776
2020-03-13 17:10:33
通过课程了解，relative是相对定位，是以自己当前的位置进行定位。可是实际输代码的时候我有些困惑，比如：
.p{position：relative；
top：50px；
left：50px } 这段代码的意思是不是说.p元素向上移动50，向左移动50. 网页呈现的确实元素对于当前的位置向右50，向下50。老师能跟我讲讲怎么理解吗？
写回答
2回答
-
同学你好，可参考如下例子：
此时的right：0设置不设置都是一样的，设置：
不设置：
可以看出元素并没有移动。这是因为设置right：0就是离自身的右边为0，那就相当于并没有移动。
老师不知道同学所说的right:0是应用在哪个场景下，建议同学再详细描述下或者将代码粘贴上来。
祝学习愉快~
0h020-03-13 -
好帮手慕粉
2020-03-13
同学你好，不是的，设置的top：50px是指设置定位后的p，距离自己之前的位置顶部50px，left：50px，是距离自己之前的左边50px：
同学再理解下。
祝学习愉快~
0h020-03-13
相似问题