移動方塊
方塊的初始位置如下圖
#prat1{
width: 200px;
height: 200px;
background: gold;
}
#prat2{
position: relative;
top: 0px;
left: 0px;
background: violet;
}
-------------------------------------------------------------------------------------------分割線-----------------------------------------------------------------------------------------------------------------------------------------------------------
第一次移動
top: 200px;
left: 0px;
----------------------------------------------------------------------------------------------------------分割線-----------------------------------------------------------------------------------------------------------------------------------------------
第二次移動
top: 0px;
left: 200px;
-------------------------------------------------------------------------------------------分割線-----------------------------------------------------------------------------------------------------------------------------------------------
第三次移動
top: 200px;
left: 200px;
經過對粉色方塊的三次的移動(黃色方塊為對照),我們可以發現每次移動的對照點都是粉色自身左上角的一個點。
移動方塊