Html 如何实现'；添加'；右下角的FAB，就像我在许多谷歌网络应用中看到的那样？

我正在尝试在我的web应用程序的右下角实现一个FAB。手动CSS是实现这一点的唯一方法吗？我没有看到任何关于此的文档

这是我想要实现的示例（右下角的红色按钮）：

---

我刚刚找到了答案：

<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

，以改进您的问题：如果您对按钮的位置有问题，请将此添加到css中：

.md-fab-bottom-right{
    position: fixed !important;
}

这样，即使用户确实滚动，按钮也会被固定，CSS的主要规则是“右”；为了添加到Luis的答案中，请将以下规则添加到CSS中：

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

---

@我想把它放在页面的右下角。我刚刚发现我可以在解决问题的按钮上添加一个

类

md fab右下角

。我现在就发布答案。