top、margin-top的区别<转载>

简单说一些top、margin-top的区别：

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

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

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

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

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

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



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

原文地址:http://blog.163.com/zhaoyanping_1125/blog/static/2013291532012088107841/