#div1{
width:200px;
height:200px;
border:2px red solid;
position:absolute;
top:20px;
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置还保留不动</span>
</body>
相对定位，偏移前的位置不可以被覆盖，绝对定位可以
在页面显示内容时，<body>里的内容在页面的显示顺序依然是从上而下，但是设置为绝对定位的时候，元素会从文档流中脱离，而且元素可以覆盖绝对定位之前的位置。
相对定位是相对你原先的位置，也就是你span标签原来的位置。top：２０ｐｘ,相当于相对于原来的位置向下移动了20px。如果改成绝对定位，那就是相对body移动了。所以会产生向上的效果。参照的对象不一样，产生的效果也不同
相对是只移动图像 绝对是位置和图像一起浮动