任務要求是相對于以前位置左上角向右移動100px,向下移動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>偏移前的位置還保留不動,覆蓋不了前面的div沒有偏移的位置</span>
</body>
</html>
2016-03-09
2016-03-09
向右移動,是以左邊為基準,向下移動,是以最上方為基準,left、top指的是基準位置,不是移動的方向
2016-03-09
確定life,right,top,bottom是要和你移動之前的位置比較的,
之前位置在左上角,向右移動100px不就是????相對之前位置距離100px,即left:100px,
同理的top:50px;
看圖應該比較明白;