将php包含在div框中更改其位置

好的，基本上我将9个框垂直和水平地排列成三行，并使用css来定位它们。一切都很顺利，工作正常，直到我包含了一个php命令来访问mysql数据库并在div中回显某些行。第一个框保持了它的位置，但是第二个框太偏右了，比我原先设定的要高，第三个框离屏幕很远，你必须滚动才能看到它。我试图通过在html中定位和删除css命令来解决这个问题，但是这只适用于chrome。在firefox中，这些框似乎忽略了该命令，从左上角开始

包含php的代码如下所示：

<div id= "box1"> <div style="position: absolute;background-color:#fff;width:250px;height:120px;border:0px;">

<?php 
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("testtest") or die(mysql_error());

$query = mysql_query("SELECT * FROM posts ORDER BY time ASC LIMIT 0, 1;");
while ($row = mysql_fetch_array($query)) {
echo '<div style="font-weight: bold;">';
echo $row["Title"];
echo '</div>';
echo '<div style="font-weight: normal;">';
echo $row["Offer"];
echo '</div>';
}
?>
</div>

---

提前感谢您的帮助，我真的被困在那里了，我似乎不明白为什么php会影响div的定位。

您可能需要重新编写页面标记。使用负边距可能不是最好的主意，特别是如果框是位置：绝对；相反，您可以为长方体设置父容器，并基于该容器定位每个长方体。 你把箱子的溢油量设置好了吗

这是一个

---

如果运气好的话，这将有助于解决您的错误。

嗯，我不知道您是否忘记在这里打印，但您有一个div标签未关闭

我认为您的子div样式会影响父div…使用您当前的代码很难理解屏幕上显示的内容。你可以添加屏幕截图、解析HTML，或者添加一个JSFidle，这个问题会给你更快的回复。。我不确定JSFIDLE是如何工作的，但当我弄明白后，我会发布一个链接。。谢谢你的回复！谢谢你，伙计！此模板看起来很有用，我将尝试此模板谢谢您的时间，但是我似乎不知道我忘记关闭了哪一个。。第二个没有关闭。啊，这是问题的一部分，非常感谢！！你如何在这里增加声誉？我会尽量给每个回答这里的人一些，我不知道，但这会对我有帮助，谢谢；我需要名誉。你有没有一个按钮或类似的东西来表示响应是有帮助的？

# box1 {
margin-top: -140px;
margin-left: 830px;
}