将元素放置在页面的左上角

Question

我在Web应用程序中使用了物化CSS，并且试图利用Click Only Fab。 问题是，当我希望它位于页面的左上角时，它总是会出现在页面的右下角。

<div class="fixed-action-btn horizontal click-to-toggle" id="menuBtn">
      <a class="btn-floating btn-large red">
          <i class="material-icons">menu</i>
      </a>
      <ul>
          <li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
          <li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li>
          <li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
          <li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
      </ul>
  </div>

我尝试了包括浮动和对齐在内的所有操作，但没有任何效果。 如何在页面的左上角获取此信息？ 因此，我可以将其用作菜单按钮。

Answer 1

你不能用做一个自定义的CSS类

position:absolute;
top:0;
right:0;

？ 或者，如果您希望将其fixed在显示屏的一角而不是页面上，则可以fixed而不是absolute 。 我会发表评论，但需要流血的50名代表，如果事实证明这是非常错误的话，它将删除此答案。