将元素放在页面的左上角

Question

我在我的 Web 应用程序中使用 materialize 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 class

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

？或者 fixed 而不是 absolute 如果你想要它在显示器的角落，而不是页面。我会发表评论，但需要该死的 50 个代表，如果结果证明是非常错误的，我会删除这个答案。

将元素放在页面的左上角

Place Element on Top Left Corner of Page

html

javascript

css

materialize