【问题标题】:Place Element on Top Left Corner of Page将元素放在页面的左上角
【发布时间】:2016-06-19 03:57:16
【问题描述】:

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

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

【问题讨论】:

  • 你想把哪个元素放在左上角。你能创建一个jsfiddle吗?

标签: javascript html css materialize


【解决方案1】:

你不能用自定义css类

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

?或者 fixed 而不是 absolute 如果您希望它位于显示器的角落,而不是页面。我会发表评论,但需要 50 次代表,如果结果非常错误,将删除此答案。

【讨论】:

  • 那个居然放在右上角!我怎样才能从左边进去?
  • @unconditionalcoder 只需将right 替换为left
  • @unconditionalcoder 我建议学习 CSS 中的 position,它非常有用。 position 属性定义了一个元素应该如何显示,toprightbottomleft 用于告诉准确的位置。
猜你喜欢
  • 2013-09-12
  • 2021-12-06
  • 1970-01-01
  • 2021-06-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多