Php 为什么我的div显示在错误的地方

我用divs和绝对位置在一个html页面上显示了5个结果。我用过显示：表格单元格；和显示：flex；用于图像和文本的中心定位

我的问题是，由于某种原因，在为每个结果创建父div之后，给它一个边框，出于某种原因，尽管我使用了绝对位置，但结果之间似乎有一些统一的空间。我在正确的位置看到边框，但结果内容显示不正确

请看这里：

有些东西把结果扭曲地隔开了。当我取出标记为profile[1到6]的父容器时，它就工作了

下面是响应HTML的php：

echo "<div id='results' style='position:absolute;left:0px;top:0px;'>"
(while loop)
   echo "<div id='profile".$profileid."' style='border-style: solid;position:absolute;left:0px;top:".$yy."px;width:320px;height:50px;'>";
   echo "<div id='pic".$profileid."' style='display:table-cell; vertical-align:middle; text-align:center;background-color: #434345;position:absolute;left:0px;top:".$yy."px;width:50px;height:50px;overflow: hidden;'>";
   echo "<a href='http://rafnet.co.uk/click/php/requests.php?from=".$username."&to=".$row["username"]."'><img style='max-height: 100%;' src='http://rafnet.co.uk/click/images/".$row["image"]."' /></a></div>";
   echo "<div style='color:#0d00ff;display:flex; align-items: center; justify-content: center;position:absolute;left:50px;top:".$yy."px;width:270px;height:30px;overflow: hidden;'>".$name."</div>";   
   echo "<div style='display:table-cell; vertical-align:middle; text-align:center;position:absolute;left:50px;top:".($yy+30)."px;width:270px;height:20px;overflow: hidden;'>".$info."</div></div>";

   $yy+=60;$profileid+=1;
(end of while loop)
echo "</div>"

echo“”
（while循环）
回声“；
回声“；
回声“；
回显“$name.”；
回显“$info.”；
$yy+=60$profileid+=1；
（while循环结束）
回声“”

回显“$info”；

---

尝试删除此行末尾的第二个

，

我设法解决了这个问题。经过一些工作之后，我意识到父div“profile”中的所有div都是相对于其位置定位的

所以我换了那些唱片

top:".$yy."px;

到

---

参考css你是说我不应该使用style属性来定义东西吗？你是说我应该把css放在head部分，并使用id或类来分配它们吗？我只是使用style属性，正如我所看到的，没有引用它应用于哪个元素

你不应该像那样使用内联css，这就是类的用途。你的代码太奇怪了。。。我会重新开始，这次使用正确的CSS。至少为您的输出提供一些JSFIDLE等。

top:".$yy."px;

top:0px;