如何在许多Google网络应用中看到,如何在右下方实施"添加"FAB？

Question

我正在尝试在我的网络应用程序的右下角实现FAB .手动CSS是唯一的方法吗？我在https://material.angularjs.org上没有看到任何相关文档.

这是我想要实现的示例(右下角的红色按钮):

Answer 1

我刚刚找到了答案:

<md-button class="md-fab md-fab-bottom-right" aria-label="Add a category">
  <md-icon>add</md-icon>
</md-button>

我不得不添加一个类名md-fab-bottom-right.

Answer 2

CSS 的主要规则是“正确”；为了添加到 Luis 的答案中，将此规则添加到 CSS：

.md-fab-bottom-right{
    position: fixed !important;
    right: 15px; /* Add this and change value to set the margin you want */
}