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

Question

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

Answer 1

只需使用 fabs 附带的 edge 属性:

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

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

希望这可以帮助。