如何将fab按钮放在div的边缘？

Question

在页面顶部，我有一个已为其设置背景图像的 div。我想将 fab 按钮放在这个 div 的右下角。和下图一模一样。我怎样才能做到这一点？

Answer 1

只需使用fabsedge附带的属性：

<ion-fab bottom right edge>
  <button ion-fab><ion-icon name="camera"></ion-icon></button>
</ion-fab>

为此，div具有 fab 内部的（或任何标签）必须position设置为relative，absolute或者fixed工作，position: inherit可能也可以工作，具体取决于父定位。

希望这可以帮助。