CSS相对定位：设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width:100px;
height:100px;
border:1px solid red;
background-color:yellow;
}
div.div2{
position:relative;
top:10px;
left:30px;
}
</style>
</head>
<body>
<h3>css的相对定位</h3>
<div class="div1">正常元素</div>
<div class="div2">相对定位元素,top=10px,left=30px </div>
<div class="div3">正常元素</div>
</body>
</html>
运行效果：
评论