前言
在使用CSS樣式開發的時候，我們肯定要用到定位屬性。這裡給大家分享我學習到了關于相對定位使用。
相對定位
相對定位使用的是
position：relative
屬性。定位需要一個參照物：根據誰來做這個定位的？
參照就是：在沒有使用定位之前自身的初始位置
代碼執行個體
隻要複制下面的代碼，就可以看到相對定位的效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
margin: 0;
}
.box{
width: 100px;
height: 100px;
background-color: red;
position: relative;
/*左邊的偏移量，以左邊為基準偏移100像素*/
left: 100px;
/*上邊的偏移量，以上邊為基準偏移100像素*/
top: 100px;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
![陪學讀書會——《定位》第九章：名字的威力（上）[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)