Question

好吧，所以基本上我在垂直和水平三行中对齐了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>

并且css代码看起来像这样（每个框明显不同，但你明白了）

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

在此先感谢您的帮助，我真的被困在那里，我似乎无法弄清楚为什么php会影响div的定位..

Answer 1

您可能想要重新编写页面标记。使用负边距可能不是最好的主意，特别是如果方框是位置：绝对;相反，您可以为您的框设置父容器，并根据该容器定位每个框。你有没有设置框的溢出？

这是一个simple template ...

幸运的是，这将有助于解决您的错误。

Answer 2

嗯我不知道你是否忘记在这里打印，但是你的div标签没有关闭。

包括php在div框中改变他们的位置

2 个答案: