设置相对定位后作出元素的偏移量,为什么用top不是用margin-top?

首页课程实战体系课手记专栏慕课教程

来源：2-5 position-relative

Ray丶Kwok

2019-04-10 21:43:48

这两者有什么区别吗,实现的效果不一样

写回答

1回答

好帮手慕夭夭

2019-04-11

已采纳

你好同学，区别如下：

元素定位后，使用top设置的是元素显示的位置，它是通过参照点来进行位置移动的。相对定位，它是参照自己原来的位置进行移动。例如如下：
给B设置top:10px，那么会参照自己原来的位置移动10px,这样与上面的元素有了10px的间距。它是单纯的移动B的位置，所以下面的元素并不会受到影响，与它叠在了一起

2.margin-top是设置它与上一个元素直接的间距，如下：

虽然也实现了B与A有10px的间距，但是在正常的文档流中，它是被间距给挤到了下面，所以它自然会把C的位置给挤的往下移动，所以不会和C重叠。

同学可以自己把视频中的例子写一下，自己通过测试会帮助理解哦。

祝学习愉快，望采纳。

0 学习 · 40143 问题

相似问题

回答 3

回答 1

回答 1

回答 2

回答 1