html - div 右上角的位置图标

Question

我创建了这段代码，但我无法将图标放在类 valori 的 div 的右上角。

这里是期望的结果:

这里是代码:

HTML

<div class="circletop">
<div class="numberpr">3° anno</div>
<div class="lordo">Valore lordo stimato</div>
<!--I add div icon here-->
<div class="icon"></div>
<div class="valori"> <?=$min3_anno ." - " . $max3_anno?></div>
</div>

这是我的 fiddle :https://jsfiddle.net/5g42Lx7n/ 我需要像图片一样在右上角添加图标。

谢谢

Answer 1

检查 https://jsfiddle.net/bgo2e5zk/4/

.icon{position:absolute;right:0;top:-15px}
.valori{position:relative;}

我将图标放在 .valori 中，然后将 position:relative 添加到 .valori 并将 position:absolute 添加到 .icon，最后，将 top and left 设置为图标以定位它。