为了账号安全,请及时绑定邮箱和手机立即绑定

绝对定位中,向左移动100px代码为什么是right:100px;??

以现在的位置来对比向左移动100px,理论上应该是left:100px,但是实际操作是right:100px。

但是上下是正确的。

正在回答

9 回答

绝对定位是相对于该元素本身而言,向左移动100px,就要以该元素的左边为基准建立坐标(css里的坐标是上、右为正,左、下为负),所以该元素要向左移动100px,就是 left:-100px,就相当于是right:100px

1 回复 有任何疑惑可以回复我~
#1

花开雨夏 提问者

非常感谢!
2017-03-18 回复 有任何疑惑可以回复我~
#2

早起跑步君

left:-100px,就相当于是right:100px 这里的的left:-100px 是相对于浏览器左边 再向左移动100px, 而right:100px是相对于浏览器右边 向左移动100px 怎么能说是相当于呢?
2017-04-12 回复 有任何疑惑可以回复我~

上下不正确,也是相反的

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

我觉得它的意思是在三种定位中,初始情况盒子都是处于某个特定的位置,当要求向某个方向移动时,实际操作代码则是相反方向,如向下移动100px,向右移动50px,盒子上端与顶部相距100px,盒子左端与左边相距50px,则为:top:100px left:50px;  至于css坐标这个则不是很懂,个人理解

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

你可以理解成距离了右边100px,意思也就是向左边移动了100px。而left:100px ,可以理解成距离左边100个像素,也就是往右边移动100px。建议再去复习一下


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

你先返回绝对定位章节 看自己是否把效果图 跟人物图弄反了

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

盒模型是一种抽象的模型,把div比作人一样,你的左边不是他的左边,抽象的去理解

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

举报

0/150
提交
取消

绝对定位中,向左移动100px代码为什么是right:100px;??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信