界面效果
这里写图片描述

碰到的问题: 子布局设置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;

更多推荐