微信小程序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;
}
效果图

微信小程序position之相对定位_第1张图片

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

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

你可能感兴趣的:(微信小程序)