Html CSS图像在while循环中重叠

我有以下HTML代码：

（此代码创建带有图像、产品标题和基本描述的框）

问题是，如果我使用while循环，我的图像会“重叠”：

有没有办法解决这个问题？ 没有while循环，一切看起来都很好

---

更新：

您使用

顶部：-143px

定位

.descdlcimg

。这意味着

“将此图像放置在高于其应有位置143倍的位置。”

---

我认为你的形象“融化”在143倍以上。如果你没有一个很好的理由来进行这种相对定位（抬头：人们通常说

位置：相对，当他们的意思是
位置：绝对的
）只要把它去掉，它就会工作。
试着保持缩进的一致性和整洁性，这会使代码更容易阅读，更容易发现错误

我不确定，但是CSS/HTML中的类名（以及ID名）是否允许在其中包含空格

试着把
float:left放进去在
.descdlcimg
顶部：-143px对于每个图像，它们肯定会融合在一起谢谢您，先生，我更改了，但是图像仍然重叠。可能还有一个空白底部。我根据您提供的代码创建了一个。对我来说，这是可行的（图像定位得更高，但不重叠）。如果我做错了什么，请更改它（我假设php代码生成了我在这里所做的）。是否有其他影响图像的代码？（用浏览器开发工具检查-右键单击>检查元素>css）看起来像是ipsBox\u containerdlc把它搞糟了：我删除了高度，现在它们不重叠了，现在看起来像这样，我如何修复？非常感谢！我换了位置：相对；定位：descdlc中的绝对，现在它像一个符咒一样工作。谢谢你们！
<?php
  while ($row = mysql_fetch_row($q3)) {
    echo "<div class='ipsBox_containerdlc ipsPad'>
<h3 class='ipsType_subtitledlc'>".$row[2]." </h3>
<br>
<p class='descdlc'>".$row[4]."</p>
<p class='descdlcimg'>
<img src='http://localhost/images/249273625.jpg' width='200' height='219'/>
</p></div>
";
  }
?>

.descdlc {
font-size: 12px;
color: #777777;
    position:relative;
    left:375px;
    width:375px;
}

.descdlcimg {
font-size: 12px;
color: #777777;
    position:relative;
    top:-143px;
    left:100px;
    overflow:hidden;
}

.ipsBox_containerdlc {
    background: #fff;
    border-left: 1px solid #CECED1;
    border-right: 1px solid #CECED1;
    border-bottom: 1px solid #CECED1;
    border-top: 1px solid #CECED1;
            height:240px;
    }