top、margin-top的区别

1、top、bottom、left、right是绝对定位，必须设置position为absolute。

margin一系列设置是相对定位。

注意：如果用top等，而position未设置为absolute，那设置是不起作用的。

2、top这些在绝对定位的前提下，这个绝对定位，是相对body  或者  position：relative的父级元素的绝对定位。

     margin的相对定位，是指相对相邻元素的定位。

例如：top这些在绝对定位的前提下，这个绝对定位，相对position：relative的父级元素的绝对定位。

top、margin-top的区别 - yes - 赵彦平的网络家园

 最外边蓝色背景div设置position：relative。那内部的文字等div就可以相对外边div进行绝对定位。