整不清方向

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

郑小哥

2018-05-31 15:05

题目给出向左移动100像素,向下移动20像素代码我写{left:100px;bottom:20px;}但是正确答案是{right:100px;top:20px;}不知道为什么???

写回答 关注

7回答

  • weixin_慕仙9189142
    2019-07-27 22:35:29

    你可以想象一个大正方形,里面加一个小正方形。小正方形在最右上角,大正方形的位置永远不动。 小正方形的位置相对于大正方形的位置左移动100象素,向下移动20象素。

    那么就是小正方形的右边增大100px,上面增大20px。

                                   right:100px                   top:20px

    但,首先确定小正方形的位置。这是我理解的

  • 热爱生活_热爱编程
    2019-02-13 08:42:17

    题干中写的相对于以前位置右上角,说明是基于右边开始,然后向左100像素,说明从右往左100像素,依照position的定位规则,先确认定位模式,基于浏览器定位,用position:absolute;接着确认距离,使用right:100px;最后从上至下也就使用top:20px;

    鄙人新手,目前是这样的理解(#^.^#)

  • 三水梅林
    2018-12-08 23:07:34

    你让图片向左移动100px,那不就是让右边多出来100px

  • 慕瓜4047880
    2018-07-17 09:29:44

    我来试一试:设置div标签相对于浏览器,(相对于以前位置右上角)向左移动100象素,向下移动20象素。


    相对于以前的位置是右上角


  • Sapce
    2018-06-17 10:23:43

    绝对定位相对于盒子来说的。默认位置是在 左上角

    如果设置 { left:100px; bottom:20px; }  则是在距离  左下角  水平 100px,  垂直 20px 的位置,相当于向右下推了一下

    如果设置 { right:100px; top:20px; }       则是在距离  右上角  水平 100px, 垂直 20px 的位置, 相当于向左下推了一下

    Sapce

    默认是 { left:0px; top:0px }

    2018-06-17 10:25:03

    共 1 条回复 >

  • qq_千界_0
    2018-06-09 16:07:52

    参考边 题目中是一右边边线参考 right:100px;

  • 廖本本
    2018-05-31 15:38:20

    因为 left:100px 是指方块左边与网页边框的距离从0--->100 ,同等把图片向右推了100px,bottom 同理


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

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

1228912 学习 · 19081 问题

查看课程

相似问题