Css 响应配置文件图片旁边的FAB按钮的相对位置

我想在个人资料图片（响应）旁边放置一个FAB（摄像头）。由于配置文件图片的位置根据屏幕大小而变化，因此我想计算按钮相对于配置文件图片的位置

我试过了，但按钮一直放在照片的末尾

<ion-content padding>
    <div  style="position:relative">
        <ion-item>
            <ion-avatar><img src="../../assets/AJ_pic.jpg" alt=""></ion-avatar>
            <button ion-fab mini color="primary" style="position:relative; bottom:0; right:0; transform: translate(0%, 0%);"><ion-icon name="camera"></ion-icon></button>
        </ion-item>
</div>

它应该像Whats的应用程序界面

FAB不应该是固定位置，因为页面可以滚动。有什么建议吗？

使用

position: absolute

简单演示：

---

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。您是对的，我应该添加我尝试过的代码。就这么做了，谢谢安德鲁。我试图解决的问题是，图像是“响应”的，因此根据屏幕大小，其位置会发生变化。我真正想做的是相对于图像本身定位按钮。你知道怎么可能吗？