将元素放置在页面左上角

时间:2016-06-19 03:57:16

标签: javascript html css materialize

我在我的网络应用程序中使用了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>

我尝试了一切,包括浮动和对齐,没有任何工作。我怎样才能在页面的左上角看到这个?所以我可以将它用作菜单按钮。

1 个答案:

答案 0 :(得分:1)

无法使用

制作自定义css类
position:absolute;
top:0;
right:0;

?或者fixed代替absolute,如果您希望它位于显示屏的角落,而不是页面。我会评论但需要血腥的50个代表,如果结果是非常错误的话会删除这个答案。