简单的CSS格式问题

我创建了一个简单的页面，用于通过jquery/ajax处理三个表单。一切都正常运行，但不知何故，我似乎无法调试这个简单的CSS问题。我有一个父DIV，其中有三个DIV，每个DIV都包含一个表单以及提交表单时的相关成功消息。如果有人能看一看，我会非常感激。你可以在这里找到它（）。样式表可以通过源代码查看，非常简单。我已经在下面介绍了页面架构的要点和我编写的CSS

HTML

<div id="wrap">

     <div class="form-container">
          <form></form>
          <div class="success">
               <p>Form Success!</p>
          </div>
     </div>

     <div class="form-container">
          <form></form>
          <div class="success">
               <p>Form Success!</p>
          </div>
     </div>

     <div class="form-container">
          <form></form>
          <div class="success">
               <p>Form Success!</p>
          </div>
     </div>

</div>

您会注意到，第二个和第三个表单容器的顶部有19px的边距，但是这并没有反映在CSS中的任何地方。我已经试着调试了几个小时，但都没有用。我几乎不好意思寻求帮助，因为我知道这一定很简单。我几乎移动了所有元素来查找问题，但没有任何改变！我可以使用负边距将两个容器向上拉，但我认为我不需要这样的修复

谢谢您的关注

---

Mike

这可能不是唯一的问题，但是您有一个success div的id，但是您的css正在调用一个success类

你的css是

div.success{
    background:#ffa07a;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}

将您的HTML更改为

编辑：

---

在文本页面中，在

div

s之后有

BR

s。删除这些内容，然后将所有内容对齐。

这可能不是唯一的问题，但是您有一个success div的id，但是您的css正在调用一个success类

你的css是

div.success{
    background:#ffa07a;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}

将您的HTML更改为

编辑：

---

在文本页面中，在

div

s之后有

BR

s。移除这些，所有的东西都排成一行。

我认为每个

之间的

标记是导致页边距的原因。
我认为每个

之间的
标记是导致页边距的原因。
很抱歉，我只是为了清晰起见简化了代码……我已经纠正了这一点，这在工作示例中是正确的，通过opThank@jason中的链接，我甚至没有想到……我会测试它并返回给你。aa……你是对的。真不敢相信我在这上面花了这么多时间……太离谱了。感谢您的快速反馈！很抱歉，我只是为了清晰起见简化了代码…我已经纠正了这一点，在工作示例中，通过opThank@jason中的链接，它是正确的。谢谢@jason，我甚至没有想到这一点…我会测试它并返回给你。aaa……你是对的。真不敢相信我在这上面花了这么多时间……太离谱了。感谢您的快速反馈！您应该避免在多个元素中使用相同的唯一标识符（
id
）。。。使用一个
类
，它将使您的示例作为
div工作。success
表示一个
div
元素和一个
success
类，例如：
您应该避免在多个元素中使用相同的唯一标识符（
id
）。。。使用
类
，witch将使您的示例作为
div运行。success
意味着
div
元素带有
success
类，例如：
嘿@lefters，您是对的……我会将Jasons标记为答案，因为他最快回复我，但我真的很感谢您的反馈。+1hey@lefters，你是对的……我会把杰森作为答案，因为他最快回复我，但我真的很感谢你的反馈