随笔

方块的初始位置如下图

#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;

经过对粉色方块的三次的移动(黄色方块为对照),我们可以发现每次移动的对照点都是粉色自身左上角的一个点。

 

posted @ 2018-09-19 19:53  杨超越的秃头姐姐  阅读(115)  评论(1编辑  收藏  举报