<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative样式</title>
<style type="text/css">
#div1{
width:200px;
height:200px;
border:2px red solid;
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span>
</body>
</html>首先少写了课程中的 一些属性，代码如下：
position:relative; left:50px; top:100px;
其次，这章主要强调 relative定位的两个重要特性：
1，偏移量 是相对于 偏移前其本身的位置。
2 ，虽然元素已经relative偏移（相对其原来位置在视觉上发生了偏移），但是它还占有原来的位置，跟在它后面的元素还是定位在它原来的位置的后面。
是div保留偏移前的位置。因为后面span元素的位置相对于div偏移前的位置来排布的。用span是为了说明div相对偏移后其还保留原来之前的位置