html - 相对和绝对位置不适用于令人敬畏的图标

Question

我在堡垒图标中使用了菱形符号，如果我在 css 中定位 i 标签，图标会突出显示(附上屏幕截图)但相对和绝对定位不起作用。 (还附有源代码。)screen shot of the diamond affected by targeting the i tag

HTML

<div id="test"><i class="fa fa-diamond" style="color:red"></i>&nbsp;&nbsp;Diamond</div>

CSS

i { 
 position: absolute;
 top: 120px;
 right: 30px;
}

Answer 1

你需要在 CSS 中做到这一点

#test{position: relative;)

另外，仅供引用，它的 fontAwesome :)