任務(wù)要求是相對(duì)于以前位置左上角向右移動(dòng)100px，向下移動(dòng)50px，為何代碼不是：right:100px;bottom:50px;
<!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;
???
?
???
???
}
</style>
</head>
<body>
?<div id="div1"></div><span>偏移前的位置還保留不動(dòng)，覆蓋不了前面的div沒有偏移的位置</span>
</body>
</html>
2016-03-09
2016-03-09
向右移動(dòng)，是以左邊為基準(zhǔn)，向下移動(dòng)，是以最上方為基準(zhǔn)，left、top指的是基準(zhǔn)位置，不是移動(dòng)的方向
2016-03-09
確定life,right,top,bottom是要和你移動(dòng)之前的位置比較的，
之前位置在左上角，向右移動(dòng)100px不就是????相對(duì)之前位置距離100px,即left:100px,
同理的top:50px；
看圖應(yīng)該比較明白；