无法定位超棒的字体图标

Question

我正在使用 font-awesome 集中的一个图标。这是最低限度的用户体验，我试图通过使用 float 将图标定位在右侧。然而，它并没有漂浮，而是停留在它的位置上。即使使用 position = relative 等其他构造，然后为 top 和 left 添加 100px 等值，它也不会改变其位置。

谁能告诉我我做错了什么？ Fiddle.

Answer 1

只要定位 SVG 元素，你就会得到你想要的输出。

svg {
  float: right;
  position: relative;
  top: 500px;
}

Answer 2

如果您使用的是 Font-awsome script(SVG)（body 标签的底部），那么你应该 select 它在 CSS 像这样，

svg.fa-bars {
  float: right;
}

但是如果你使用的是 Font-awsome link(CSS)（在 header标签），那么你应该select这样，

i.fa-bars {
  float: right;
}

你也可以试试开发者工具，然后你会看到图标显示为<svg>。

无法定位超棒的字体图标

Unable to position font-awesome icons

html

css

font-awesome