为什么right：-80px；红色块会紧贴蓝色块右边？

小小浩277 2018-02-27

源自：CSS定位（position） 2-12 position-fixed

30

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2018-02-27 14:33:40

绝对定位中的right值，是距离父元素右边界的距离，如果是正值80px，子元素就会向左边走，子元素的右边界距离父元素右边界就是80px，如下：

如果是负值-80px，子元素就会向右走，子元素的右边距与父元素的右边距就是80px，正好子元素的宽度为80px，所以红色块会紧贴蓝色块，如下：

自己可以再测试一下哦！祝学习愉快~~

小小浩277 提问者 #1

非常感谢！

2018-02-27 21:51:23

提问者小小浩277 2018-02-27 23:18:16

试了一下，还是有一些问题，绝对定位中的right就是相对于父元素的右边距来定位的，正值就是往左移，负值是右移；left的话相对于父元素的左边距来定位的，正值的话往右移，负值的话往左移，

不太理解为什么right的负值是右移，left的负值是左移呢？

提问者小小浩277 #1

是根据什么来判定左移右移呢？

2018-02-27 23:20:25
bbbboom 回复提问者小小浩277 #2

你自己理解的很清楚的呀，right值就是子元素的右边界根据父元素右边界来定位的，正值往左走，负值就是往右走啊。

2018-02-28 09:31:01
提问者小小浩277 回复 bbbboom #3

是不是可以这么理解，正值就是往父元素内部移动，负值就是往父元素外边移动呢？

2018-02-28 09:52:10

点开查看后面1条评论

相似问题

为什么红色区块和蓝色区块同时设置position:relative时，红色会在蓝色上？

2-2题目

为什么此时是蓝色和红色重叠，但是橘色的文字也出现了重叠？

不太懂b的解释，为什么还会是两行

老师好，A选项是红块在前，为什么不是蓝色覆盖红色？

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载