Кнопка положения относительно содержания

Question

Я использую угловой материал. мне нужно придавить кнопку ФАБ в центре нижней части моего содержания, как:

Вот что я пробовал:

<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