Html 保留<；p>；内部a<；部门>；调整浏览器大小时避免重叠

我不是一个程序员，但我已经承担了修复即将上线的网站上的一些问题的任务。典型的故事，对吗？我真的很想学习。我搜索了论坛，尝试了许多解决方案，但没有一个解决了我的问题。请温柔一点

我有一个woo commerce页面，每个项目有多个div。对于前两个项目，有一个额外的div，其中包含一个横幅，提醒人们注意这些项目。看起来这个额外的div导致上面的其他内容互相碰撞

这里有一个截图链接——我是新来的，我还可以发布图片。

我再次尝试了其他帖子中的各种修复：

这些解决方案都没有帮助我

下面是页面上前3项的HTML。前两个有“为您匹配”的横幅，第三个没有。重叠的文本是“24通道数字混音器”的“p”正在冲入div class=“ss price”的顶部

$2,999.99 $2,100.00
24通道数字混频器

适合你
$3,599.99 $2,520.00
32通道数字混频器

适合你
$5.35
从XLR3F到XLR3M

首先，没有足够的代码来重现您的问题，但是关于附带的屏幕截图，我想我理解了这里的要点

第二，问题是（可能也是由于其他因素）您在html正文中的顺序与屏幕上的顺序不匹配。我想说的是，html是这样的：

• 形象
• 价格
• 描述
• “适合你”

然而，图片中的价格低于描述。 现在，由于添加了“为您匹配的”，此价格被推到其原始位置，在描述之前。这是你的问题。在某些地方，必须有定义以下属性的代码：

div.ss-price{}

如果在此处更改值，则可以调整位置，以便再次读取

例如：

div.ss-price{
position:absolute;
margin-top:5px;
}

到目前为止，这不是最好的解决方案，但它可能会奏效

position:absolute

将把价格放在原来的位置（在描述之前），而

margin top

将重新调整其位置。但是请注意，第三个价格项目也是这个div类的一部分，这些更改也会影响这个项目

---

如果这没有帮助，您必须向我们展示更多代码，以便我们可以找到其他可以修复的参数

谢谢！我已经搜索了div.ss-price，但什么也没找到。那可能是我的问题。我找到了很多关于“.ss price”的参考资料，我把它们添加到了原来的帖子中。