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

来源:13-6 万事无绝对 -层模型之绝对定位

花开雨夏

2017-03-18 14:35

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

但是上下是正确的。

写回答 关注

6回答

  • 花花93
    2017-03-18 14:46:20
    已采纳

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

    早起跑步君

    left:-100px,就相当于是right:100px 这里的的left:-100px 是相对于浏览器左边 再向左移动100px, 而right:100px是相对于浏览器右边 向左移动100px 怎么能说是相当于呢?

    2017-04-12 13:42:36

    共 2 条回复 >

  • 为梦而生666
    2017-12-04 08:15:19

    上下不正确,也是相反的

  • WuYuJ
    2017-03-18 15:10:27

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

  • 树海蓝鲸
    2017-03-18 15:03:09

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


  • 慕粉000331674
    2017-03-18 14:47:58

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

  • 慕粉1139296803
    2017-03-18 14:44:41

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1223066 学习 · 18212 问题

查看课程

相似问题