CSS PHP错误div容器

我想知道如何实现以下想法：

我有一张登记表。在PHP错误消息的情况下，我想在每个输入字段旁边显示一个div，其中出现了特定的错误消息。所以现在我有一个CSS问题，就是在所有其他div之前设置该div。所以我开始研究Z-index，但由于某种原因，它不起作用

我的css中有：

#form-error{
  background-color: #f23;
  z-index:1;
  width: 200px;
  height: 50px;
}

在HTML中：

<?php if(isset($errors)):?>
  <?php foreach($errors as $error):?>
    <div id="form-error">
    <?php echo $error;?>
    </div>
  <?php endforeach;?>
<?php endif;?>

所以我对如何解决这个问题非常感兴趣

非常感谢

更新

在用户Deffset的帮助下，我意识到我应该添加一个位置声明。我这样做了。现在我已经列出了所有错误消息

---

该用户提到，最好重新组织我的php逻辑，以便有一条特定的errormessage，我只需将它添加到输入字段旁边的类表单error框中即可。这不是问题所在。我可以从数组中获取每个错误消息。我的问题是，如何认识到在输入字段旁边有这些框

为了使z-index工作，您需要在css中添加

position:relative，
位置：绝对位置，或
位置：固定

我不知道还有什么问题，但我会首先将其添加到CSS中，如下所示：

#form-error{ 
    position: relative;
    background-color: #f23; 
    z-index:1;  
    width: 200px; 
    height: 50px; 
} 

为了使z-index工作，您需要在css中添加
position:relative，
位置：绝对位置，或
位置：固定

我不知道还有什么问题，但我会首先将其添加到CSS中，如下所示：

#form-error{ 
    position: relative;
    background-color: #f23; 
    z-index:1;  
    width: 200px; 
    height: 50px; 
} 

ID必须是唯一的。在本例中使用CSS类名，而不是ID。我记不清了，但我认为需要有绝对/相对/固定位置元素。请尝试添加一个prosition:rule.id必须是唯一的。在本例中使用CSS类名，而不是ID。我记不清了，但我认为需要有绝对/相对/固定位置元素。试着加上一个句子：规则。好的，谢谢你。解决了一个问题。下一个问题是如何认识到这些div将被放置在输入字段旁边？最后，我将尝试将您的PHP逻辑移动到表单本身中，以便将div放置在适当的输入项旁边，而不是一次添加所有错误。然后，如果需要，您可以重新定位它们。（注意：我对PHP没有经验）这应该不是问题所在。我有一个数组，可以在其中选择每个特定的错误消息，这样我只需要将输出添加到特定的框中。有趣的是，我对CSS没有经验，我想知道如何认识到每个字段旁边都有一个框：）@bonny你怎么认识到有一个框？然后为框添加css样式，如
border:1px纯红然后你会看到一个红色边框的框。好的，谢谢。解决了一个问题。下一个问题是如何认识到这些div将被放置在输入字段旁边？最后，我将尝试将您的PHP逻辑移动到表单本身中，以便将div放置在适当的输入项旁边，而不是一次添加所有错误。然后，如果需要，您可以重新定位它们。（注意：我对PHP没有经验）这应该不是问题所在。我有一个数组，可以在其中选择每个特定的错误消息，这样我只需要将输出添加到特定的框中。有趣的是，我对CSS没有经验，我想知道如何认识到每个字段旁边都有一个框：）@bonny你怎么认识到有一个框？然后为框添加css样式，如
border:1px纯红然后您将看到一个带有红色边框的框。