                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么左移用right：“+=50px”不行？

如图,看到都是用left操作，但是用right为什么不行？

fangshuiyu

2016-04-21

源自：jQuery基础课程 7-13

关注问题我要回答

430

操作

收起

9 回答

慕粉3311743
2016-05-06

right: "+=50"。相当于right的原值+50px就等于现在的值。系统默认状态下，物体的位置是靠最上的，也就是left:0;这是大家习惯用left的原因。如果你想用right: "+=50",你得先设置right的值，那样才能确定right的原值。当然还有个问题，为什么设置了left:0;right: "+=50"。就不管用了，设置了right:0;left: "+=50"。还管用！！这个我就不清楚了

0 回复有任何疑惑可以回复我~

收起回答

月凝残秋
2016-04-27

楼上意见+1。

left,定位元素左外边距边界与其包含块左边界之间的偏移量。

这样理解吧，一个容器的左外边距边界，距离整个页面左边界的距离为（left），

此时容器的右外边距、边界距离页面右边界（right） = 页面宽度 - 容器的宽度-上面求的left。这点没疑问吧？

所以在这样想，你想同时再设置right是不现实的。一个容器不可能同时距离其包含块的边界左右设置一个固定值，除非是算出来。想用Right也可以，在CSS里，把left改为right，然后代码里面用right：“ -=px/+=px”.

0 回复有任何疑惑可以回复我~

收起回答

fangshuiyu 提问者

首先很感谢你的回复，但是你说的我都知道，但是问题是你既然左边确定了，对于一个定宽的元素，那右边自然就确定了，你每次操作，无论是用left还是right，都只是操作一边，又不是两边同时操作，比如说你这个父容器宽度500，元素宽度200，你设置左边界10，这时候右边界显然是确定的，你用left操作还是right操作有什么区别，相应的另一个数值跟着变化就是了，比如你left+=10，那就相应的右边界由原来的290变为280，下次操作right-=10，那就是又变回290，左边界变为10，这不是显然的，你又不是同时left多少，right多少，你每次只是用一个在操作，这两个是相互关联确定的啊

2016-05-02 回复有任何疑惑可以回复我~

fangshuiyu 提问者回复 fangshuiyu 提问者

上面应该是right+=10;

2016-05-02 回复有任何疑惑可以回复我~