Html 基础形式-验证错误>；已看到End div标记，但打开了元素“； 我试图用基础框架来设计一个窗体，它不喜欢用一个完全新的行分割窗体（即提交按钮）的部分。它抛出这些错误

已看到End tag div，但存在打开的元素。323 未关闭的元素形式。296 杂散结束标签形式。329

这是我的密码

<!-- Contact -->
<div class="row"> <!-- dreamweaver says these overlap or unclosed-->
<div class="large-12 small-centered columns"> <!-- dreamweaver says these overlap or unclosed-->
<div class="small-12 small-centered large-9 columns"> <!-- dreamweaver says these overlap or unclosed-->

<form method="post" action="#" id="contact_form">
<div class="row">
<div class="large-6 columns">
<label for="contact_name">Your Name<em>*</em></label>
<input type="text" id="contact_name" name="contact_name" class="required" />
</div>
<div class="large-6 columns">
<label for="contact_email">Your Email<em>*</em></label>
<input type="email"  id="contact_email" name="contact_email" class="required email">
</div>
</div>
<div class="row">
<div class="large-6 columns">
<label for="contact_company">Company Name or Organization</label>
<input type="text" id="contact_company" name="contact_company"/>
</div>
<div class="large-6 columns">
<label for="contact_phone">Phone Number</label>
<input type="tel" id="contact_phone" name="contact_phone"/>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<label for="contact_message">Your Message<em>*</em></label>
<textarea id="contact_message" name="contact_message" class="required"></textarea>
</div>
</div>
</div> <!-- line 323 - dreamweaver says these overlap or unclosed-->
</div> <!-- dreamweaver says these overlap or unclosed-->
</div> <!-- dreamweaver says these overlap or unclosed-->

<div class="row"> <!-- dreamweaver says these overlap or unclosed-->
<div class="large-4 small-centered columns"> <!-- dreamweaver says these overlap or unclosed-->
<input type="submit" name="contact_submit" class="medium button expand-fix no-border" value="SEND MESSAGE"/></form>
</div> <!-- dreamweaver says these overlap or unclosed-->
</div> <!-- dreamweaver says these overlap or unclosed-->

你的名字*
你的电子邮件*
公司名称或组织
电话号码
你的信息*

如果我将最后一行嵌套在第323行下，它可以工作，但按钮不会根据需要填充列（因为它不是全宽的，因为它是一行>一行）

---

这让我困惑！谢谢你的关注

您的一个输入元素未关闭：

<input type="email"  id="contact_email" name="contact_email" class="required email">

应该是：

<input type="email"  id="contact_email" name="contact_email" class="required email"/>

而且，更重要的是，表单标记从一个div（small-12、small-centered、large-9列）开始，但该div在表单标记之前关闭。我不确定你的理想布局是什么，所以我无法向你展示确切的修复方法，但是在底部附近的区域有太多的结束div标记，在那里你有所有的注释。其中一些在表单元素之后才应该关闭

---

仔细检查您的代码，确保您的元素已正确封装，并且在关闭某个元素的子元素之前，不要关闭该元素。

请查看此提琴-将“提交”按钮放在外部是否会使其工作正常？谢谢！我甚至没有意识到你不能在表单关闭之前关闭div。Cleanup time.HTML遵循先入后出的规则。。也就是说，一个打开的元素必须先关闭，它的父元素才能关闭。有些元素（如input和img）是自动关闭的，这意味着它们要求关闭斜杠位于标记的末尾。最好尽量限制嵌套元素，因为这样可以更容易地跟踪何时需要关闭哪些元素，并有助于避免意外重叠。祝你好运