<!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;
position:relative;
left:100px;
top:50px;
background-color:yellow;
}
#div2{
width:200px;
height:200px;
border:2px green solid;
background-color:#666;
float:left;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2">
</div>
<span>我的位置应该排到哪里了</span>
</body>
</html>
如上代码，是不是说明了用相对定位后，之前的位置是保留的。而且移动是不是提升了层级？甚至高过了我的浮动的层级？如果不是那相对定位后的位置到底是什么情况呢？ 代码中的文字也看出移动后似乎没有占用文档流的位置？
黄小凡