停止浮动图像与Css重叠

在这个网站上，两个并排的图片（附带价格）在大屏幕上运行良好

但是，在较小的屏幕上，右侧图像与顶部图像重叠，我不知道为什么

---

提前感谢

您是否尝试过媒体查询，使其在达到特定屏幕大小时阻止元素？一旦你达到一定的宽度，你就不再需要它们浮动了。它看起来像这样（请记住，600px将改变为您的图像的任何屏幕大小）：

---

如果您使用的是引导，那么使用clearfix可能是有价值的。如果没有，请尝试清除：左侧或

清除：两者都可以

或者您可以尝试通过媒体查询重新定位它

@介质（最大宽度：图像移动的像素数以下）{ …重新定位

---

}我找到了。谢谢你的帮助

并不是图像让事情变得如此艰难。它是一个dib，其下方的边距顶部为：-200px，而不是位置：相对，顶部为：-200px

---

我不明白为什么下面的div会影响图像的放置。但它做到了，而且它是固定的。耶

请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！请提供更多信息（HTML、CSS、浏览器版本等）。我不确定您使用的是什么浏览器，但对我来说，chrome网站似乎完全响应。当我将浏览器从全屏调整到非常窄的尺寸时，衬衫和洗衣篮会相应地做出响应。很抱歉这篇糟糕的帖子，我一直在想到底是哪个css导致了这个问题，所以我不知道在这里复制什么。它在里面，我不知道该找什么。谢谢你的回复。我尝试过添加块，但不起作用。

@media (max-width: 600px) {
 img.class {
   display: block; 
 }
}