相对于内容的位置按钮

Question

我正在使用Angular Material。我需要在我的内容的底部中心固定FAB按钮，例如：

以下是我的尝试：

<div>
  <md-button class="md-warn">
    Remove all
  </md-button>
  <md-button class="md-primary" style="float:right">
    Compare
  </md-button>
</div>

</div>
<md-button class="md-fab md-primary" style="position:relative; left:50%; margin-left:-20px; margin-bottom:-27px">
  <md-icon style="color:#fff" class="material-icons">add</md-icon>
</md-button>
</div>

输出：

如您所见，REMOVE和COMPARE按钮与内容边框之间的距离较大，导致包含FAB按钮的长度。

如何获得预期的输出？

Answer 1

我认为这里的问题是您需要将所有三个md-button元素放在一行layout-align="space-between center"。希望这是你所期待的： http://codepen.io/anon/pen/dGBjdO