微信小程序 position: absolute位置错乱问题

界面效果：

碰到的问题： 子布局设置position: absolute，

解决办法： 子布局的父布局一定要设置position: relative。

如果父元素 不加这个属性 就会再往外面一层，如果外面一层还未找到relative就继续向外 最终相对于body。 找到哪一层有relative，就相对于那个父布局。

父布局：

position: relative;
  width: 210rpx;
  height: 100rpx;

子布局：

position: absolute;
  bottom: 0;
  right: 0;
  width: 50rpx;
  height: 50rpx;

子布局使用position: absolute，父布局一定要设置position: relative;