Jquery 图像上的div浮动位置

我的问题是

.figure

字段是100%，但是

.recoddo

在图像上没有位置，除非转到

的一角。figure

，我想要的是位置img上的

.recoddo

如何使用jQuery或css实现这种效果，我们非常感谢您的帮助

figure.envoltura{
位置：相对位置；
显示：块；
边缘底部：40px；
}
身材{
保证金：0；
}
.第页{
边框：2px实心#ddd；
背景色：#fff；
最大宽度：100%；
}
.recoddo、.recoddo:之前{
宽度：40px；
高度：40px；
线高：40px；
文本对齐：居中；
颜色：#fff；
}
.推荐{
位置：绝对位置；
背景色：#F1C40F；
顶部：10px；
右：-10px；
边界半径：5px 5px 0 5px；
字体大小：粗体；
}
.推荐：之后{
宽度：0；
身高：0；
边框顶部：10px实心#C19D0C；
右边框：10px实心透明；
内容：''；
位置：绝对位置；
底部：-10px；
右：0；
}

1.

---

希望您能这样做。

您已将figure.envoltura设置为显示：block-它正在填充整个宽度。它需要100%吗？标记可以更改吗？我的兴趣是

。在图像上重新分配
。这适用于我用作350px宽的占位符的图像，但可能不是整体的。
.recomddo {
    position: absolute;
    background-color: #F1C40F;
    top: 0px;
    left: 322px;
    border-radius: 5px 5px 0 5px;
    font-weight: bold;
}