相对和绝对的问题

来源:13-7 相对于自己的位置-层模型之相对定位

FFFFFFanQ君

2016-03-05 14:36

position:relative;
    left:100px;
    top:50px;
    和
    position:absolute;
    left:100px;
    top:50px;
    我看右边的效果是一样的,所以应该怎样理解绝对和相对的问题呢?


写回答 关注

4回答

  • 陈微语
    2016-03-05 21:53:20
    已采纳

    绝对定位:如果父元素有position属性,就相对于父元素位置定位,父元素没有position属性就相对body元素定位,就是相对浏览器窗口定位;

    相对定位:相对自身原来的初始位置定位,因为你原来的div的初始位置是左上角,所以结果就和绝对定位一样咯,你试下让div元素在其他地方再相对定位,就可以看出区别了。

    FFFFFF...

    非常感谢!

    2016-03-08 12:56:33

    共 1 条回复 >

  • 慕仰6690464
    2016-03-05 14:48:44

    绝对是相对对于浏览器(body)而言的,而相对定位是相对父元素的位置而言的,而且相对定位偏移前的位置是被占用的,无法覆盖

  • chy1234
    2016-03-05 14:44:23

    相对定位是先有一个参照物,然后上下左右是根据这个参照物来说的。

  • 节日快乐丶
    2016-03-05 14:43:45

    绝对是不可变的,不管你的屏幕尺寸是多大,相对是可变的,根据你的屏幕大小自己改变

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

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

1225810 学习 · 18234 问题

查看课程

相似问题