Twitter bootstrap 引导缩略图容器图像中的绝对位置图像

我正在处理引导缩略图容器图像，我需要在图像的右下角定位产品的价格。然而，当图像大小小于容器大小时，我使用的方法似乎失败了

当前相对于最外层div的绝对定位。但是，我希望使用相对于图像的绝对定位

注意：它是一个具有固定大小图像的响应缩略图div

.img支架{
位置：相对位置；
}
.价格容器{
位置：绝对位置；
右：0；
底部：0；
背景色：红色；
}

5.00美元
缩略标签

尝试将

显示：内联块添加到
img支架


缩略图{
文本对齐：居中；
}
.img支架{
位置：相对位置；
显示：内联块；
文本对齐：居中；
}
.img支架img{
最大宽度：100%；
}
.价格容器{
位置：绝对位置；
右：0；
底部：0；
背景色：红色；
}
.标题{
文本对齐：左对齐；
}

5.00美元
缩略标签


它可以工作，但此后很少出现错误。第一个原因是图像未居中，第二个原因是图像宽度大于容器宽度时，图像大小不适合容器width@stackdisplay更新我的答案，看看是否有帮助。