亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

任務要求是相對于以前位置左上角向右移動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>

正在回答

3 回答

http://img1.sycdn.imooc.com//56dfff12000174e207950542.jpg理解成距離參照物基準位置

0 回復 有任何疑惑可以回復我~

向右移動,是以左邊為基準,向下移動,是以最上方為基準,left、top指的是基準位置,不是移動的方向

3 回復 有任何疑惑可以回復我~
#1

慕姐3102452 提問者

明白了,非常感謝
2016-03-09 回復 有任何疑惑可以回復我~

確定life,right,top,bottom是要和你移動之前的位置比較的,

之前位置在左上角,向右移動100px不就是????相對之前位置距離100px,即left:100px,

同理的top:50px;

看圖應該比較明白;


1 回復 有任何疑惑可以回復我~
#1

慕姐3102452 提問者

這句話中的參照物是之前的左上角位置,還是后來移動以后的位置?
2016-03-09 回復 有任何疑惑可以回復我~
#2

慕工程3266632 回復 慕姐3102452 提問者

參照物是移動前的塊的位置,本題參照物在左上角
2016-03-09 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

任務要求是相對于以前位置左上角向右移動100px,向下移動50px,為何代碼不是:right:100px;bottom:50px;

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號