css 绝对定位和相对定位的使用（absolute ,relative ）

position:relative 和 position:absolute 的区别：

相对定位（relative）:相对于上一级元素距离的位置。
绝对定位（absolute）:相对最顶级元素距离的位置，即相对于整个屏幕。

语法：
position:relative;
top:50px;
left:50px;

position:absolute;
top:50px;
left:50px;

padding 元素：属性定义元素边哭于元素内容之间的空间（填充）

margin 元素：与padding元素较为类似，区别在于元素不会因为填充而扩展四周的面积。以本身文档流的位置来定位该元素四个方向的位置。