小程序CSS布局学习笔记

蓝色圈圈的布局方式为： wxml部分

<view class = 'super'>
   <view class = 'any'>
   </view>
  <view class = 'sub'>
  </view>
</view>

css部分

super 相对布局 sub 绝对布局。
.super{
   position: relative;
}

.sub{
  position: absolute;
  z-index:999;
}

在屏幕右侧下角添加悬浮按钮

.r-button{
  position: absolute;
  z-index:999;
  right:10rpx
  bottom:100rpx
}