问答详情
源自:13-7 相对于自己的位置-层模型之相对定位

相对定位怎么理解

最后这句话怎么理解?“从效果图中可以明显的看出,虽然div元素相对于以前的位置产生了偏移,但是div元素以前的位置还是保留着,所以后面的span元素是显示在了div元素以前位置的后面。”后面span元素的内容不是显示在了原来div的位置吗?

提问者:qq_爱做梦的女孩醒不来_03801552 2016-08-12 18:20

个回答

  • 慕粉3698897
    2016-08-12 19:52:09
    已采纳

    首先不管是相对定位还是绝对定位,移动完后的div都是不占用空间的,所以你可以看到移动完的div和文字有重合的地方。

    相对定位:你可以看到那行文字上面留出了一个div的空间,说明相对定位是发生移动,仍然保留了div移动前的空间,这个空间是不会被别的元素占用的。

    57adb70f0001d21203450278.jpg

    绝对定位:不保留这个div移动前的空间,所以能看到这串文字直接浮到顶端了

    57adb70f0001e89703260290.jpg


  • DarkMan
    2016-08-13 19:47:13

    div是需要变的,那么只变div的位置,但是但是在代码中添加的新元素是相对于div以前的位置放置的,代码中在div后面加上span,那么span呈现在div以前的位置后面

  • 慕UI5807435
    2016-08-12 18:38:34

    只是表面移动,但实际在文档流中原有位置,别的元素无法占据,就像复制粘贴

  • 慕田峪4215860
    2016-08-12 18:29:02

    我的理解就是虽然div元素位置因为相对定位而发生了变化,但是后面的span元素不会随着div元素的位置变化而发生变化,还是在div元素之前位置的后面,而不是到了div元素之前的位置。