html - 无法定位 Font Awesome 图标

Question

我正在使用 font-awesome 集合中的图标。这是一个最低限度的用户体验，我试图通过使用 float 将图标定位在右侧。 .但是，它不会 float ，而是停留在其位置上。即使使用其他结构，如 position = relative然后添加类似 100px 的值为 top和 left它不会改变它的位置。
谁能告诉我我做错了什么？ Fiddle .

Answer 1

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

svg.fa-bars {
  float: right;
}

但如果你使用 Font-awsome link (CSS)(在header标签内)，那么你应该像这样选择它，

i.fa-bars {
  float: right;
}

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