有什么区别
position : relative;
bottom : 10px;
而且:
margin-top: -10px;
在我看来他们是一样的不是？
没有; 如果你给出一些东西position: relative并将其拉出10个像素,它就会移动,但继续占据(就其盒子而言)它之前占据的10个像素.
如果你给出一些东西margin并将其拉出10个像素,它就会向上移动并带来它下面的所有东西.
当您使用position:relative时，它将元素定位在文档流中的正常位置，然后将其移动到偏移位置。它原来占用的空间在布局中保留（留空）。
Margins然而不是定位属性，事实上它是用于在页面上创建块框的框模型的一部分。它是元素的边框边缘与下一个相邻元素的边框边缘之间存在的空间。
另请检查负边距与相对定位