Css 重叠元素错误

我有装满MySQL数据的盒子。当鼠标悬停在方框上方时，它会变大，但下面一行上的方框会在页面周围移动。我很确定这是由于元素重叠造成的，但我不知道如何解决这个问题，因为它们在技术上都是一个元素

CSS

PHP

---

给你不想将其他内容推到绝对位置的框，然后用边距隔开周围的块，使绝对位置的框看起来与它们一起流动：


.boxed{
边框：5px纯蓝色；
左边距：30px；
边缘顶部：10px；
高度：120px；
宽度：200px；
边框样式：双边框；
文本溢出：省略号；
浮动：左；
位置：绝对位置；
排名：0；
背景：白色；
}
.boxed:悬停{
高度：150像素；
宽度：250px；
-moz盒阴影：0 10px#ccc；
-网络工具包盒阴影：0 20px#ccc；
盒影：0 0 20px#8888888；
边框样式：双边框；
文本溢出：省略号；
}
.以下{
边缘顶部：12px；
}
.这边{
左边距：246px；
边界：.125em固体；
宽度：200px；
高度：100px；
背景：白色；
填充：10px；
}

这个箱子没有被撞坏
这篇文章没有受到影响
给你不想将其他内容推到绝对位置的框，然后用边距隔开周围的块，使绝对位置的框看起来与它们一起流动：


.boxed{
边框：5px纯蓝色；
左边距：30px；
边缘顶部：10px；
高度：120px；
宽度：200px；
边框样式：双边框；
文本溢出：省略号；
浮动：左；
位置：绝对位置；
排名：0；
背景：白色；
}
.boxed:悬停{
高度：150像素；
宽度：250px；
-moz盒阴影：0 10px#ccc；
-网络工具包盒阴影：0 20px#ccc；
盒影：0 0 20px#8888888；
边框样式：双边框；
文本溢出：省略号；
}
.以下{
边缘顶部：12px；
}
.这边{
左边距：246px；
边界：.125em固体；
宽度：200px；
高度：100px；
背景：白色；
填充：10px；
}

这个箱子没有被撞坏
这篇文章没有受到影响
唯一的问题是，从技术上讲，它们都是“相同的盒子”，只是从mysql数据库中填充了不同的东西。是的，但在我将其放入自己的数据库后，我似乎仍然会出错：/CSS很可能覆盖了其中一些规则。如果不查看您的代码，我无法真正诊断它。您希望如何查看我的代码。顺便说一句，我非常感谢你的帮助。唯一的一点是，从技术上讲，它们都是“相同的盒子”，只是装满了mysql数据库中不同的东西。是的，但我似乎在把它放到自己的数据库中后仍然会出错：/很可能你的CSS覆盖了其中一些规则。如果不查看您的代码，我无法真正诊断它。您希望如何查看我的代码。顺便说一句，我非常感谢你帮助我。你有机会看看我的代码吗？你有机会看看我的代码吗？
.boxed {
    border: 5px solid blue;
    margin-left:30px;
    margin-top:10px; 
    height: 120px;
    width: 200px;
    border-style: double;
    text-overflow: ellipsis;
    float:left; 
}
.boxed:hover{
    height: 150px;
    width: 250px;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #888888;
    border-style: double;
    text-overflow: ellipsis;
}

<?php
    $dbhost = 'localhost';
    $dbuser = 'root';
    $dbpass = '';
    $selection = "ORDER BY  id ASC";

    $conn = mysql_connect($dbhost, $dbuser, $dbpass);
    if(!$conn) {
      die('Could not connect: ' . mysql_error());
    }

    $selection = isset($_GET['sort']) ? $_GET['sort'] : "";
    if ($selection == "1") {
        $selection = "ORDER BY id DESC";
    } else if ($selection == "2") { 
        $selection = "ORDER BY id ASC";
    }

    $sql = "SELECT id, threadName, message FROM threads ";
    $sql .= $selection;

    mysql_select_db('threads');
    $retval = mysql_query($sql, $conn);

    if(!$retval) {
      die('Could not get data: ' . mysql_error());
    }

    while($row = mysql_fetch_array($retval, MYSQL_ASSOC)) {
      $id = $row['id'];
      $threadName = $row['threadName'];
      $message = $row['message'];
      echo "<div class='boxed'><center>".$threadName."<br>".$message."</center></div>";
    }
?>