如下图,想把两个图标并排排列在右上角的位置,但是flex的布局用起来好像出现了点问题。
icon图标右上角排列问题_icon
  简直是出现了一系列让人无奈的效果啊,类似下图这种:
icon图标右上角排列问题_icon_02
icon图标右上角排列问题_icon_03

解决方法如下:

父级元素用相对定位,子元素用绝对定位。

.Letter-writeIcon {
  position: relative;}.btn-img1 {
  width: 82rpx;
  height: 80rpx;
  position: absolute;
  right: 140rpx;
  top: 4px;}.btn-img2 {
  width: 80rpx;
  height: 80rpx;
  position: absolute;
  right: 30rpx;
  top: 4px;}

然后就解决得到我想要的样式啦~