微信小程序position之相对定位

定位

position

• 相对:relative

这是wxml文件

<view class="apollo">Apolloview>
<view class="son">sonview>

这是wxss文件

.apollo{
  width: 100px;
  border: solid 2rpx #000;
  background-color: #d9b3ff;
  position: relative;
  top: 40rpx;
  left: 90rpx;
}

.son{
  width: 100px;
  border: solid 2rpx #000;
  background-color: #2efa5a;
}

效果图

重要:它原本的位置仍然保留,只不过它就像孙悟空灵魂脱壳一样,身体还在,只不过灵魂跑到了别处而已!其他的元素就当作没有我们现在看到的Apollo,元素之间就像有了魔法一样可以看到它们元素本身,还是按照原来的流规则进行排列.
相对的是谁?是它本身而已!

作者：Apollo，今日推荐歌曲：一丝不挂
微信号：Xuaning-Smile