为了账号安全,请及时绑定邮箱和手机立即绑定

相对定位怎么理解

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

正在回答

4 回答

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

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

57adb70f0001d21203450278.jpg

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

57adb70f0001e89703260290.jpg


0 回复 有任何疑惑可以回复我~

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

2 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

相对定位怎么理解

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信