所以基本上我在我的HTML（使用bootstrap类）中有一个页面，其中包含使用缩略图和 caption 类展示的产品。在产品图片上有一个ON SELL（圆形红色标签）。我给了这个红色圆圈元素绝对位置和 col-sm-9位置相对。问题是，当我调整浏览器大小时，缩略图上的功能区无响应。
我知道这两个定位属性的含义以及它们如何相互协作。但它看起来在实践中我缺少一些非常重要的东西。
我会将我的HTML和CSS粘贴到这里，如果你能给我你的意见，我将很高兴以正确的方式学习这些并给你我的谢意：）
这里有完整的代码：http://www.bootply.com/8TMS5WgWt2
答案 0 :(得分：2)
在.sale的CSS中，将left: 149px的定位值更改为right: -19px。这有助于它在宽度变化时更好地定位。我还建议将position: relative从.col-sm-9移到.thumbnail
答案 1 :(得分：1)
在你的css中，将左替换为
top: -19px;
left: 149px;
使用左侧，始终从左侧位置计算。
top: -19px;
right: yourpixels;
以下是right: 0px的示例
http://www.bootply.com/EzRZnhA2EC#