w3c错误，我无法修复

Question

我有一些代码，似乎工作在每一个浏览器，我测试它，但我当我通过W3C验证器运行它时，我得到了更奇怪的错误。其中2个是不应该在那里的那些，即使他们必须在那里，并且有几个未关闭。再次，如果我把它拿出来，它会停止整个工作。就像我说的，它工作正常，我只是不想错误。

的代码是：

<div class="container"> 
<div id="loginbox" style="margin-top:10px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">      
<div class="panel panel-info" > 
<div class="panel-heading"> 
<div class="panel-title login-text hidden-xs">Login to your account</div> 
<div class="panel-title login-mobile hidden-sm hidden-md hidden-lg">Login to your account</div> 
</div>  

<div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"></div> 
<div style="padding-top:30px" class="panel-body" > 
<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div> 

<form method="post" class="login_check" action="process-login.php"> 
<div style="margin-bottom: 25px" class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> 
<input id="login-email" type="text" class="form-control" name="username" value="" placeholder="Enter your email address">           
</div> 



<div style="margin-bottom: 15px" class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> 
<input id="login-password" type="password" class="form-control" name="password" placeholder="Enter your password"> 
</div> 

<div class="input-group"> 
<div class="checkbox"> 
<label> 
<input id="login-remember" type="checkbox" name="remember" value="1"> Company account 
</label> 
<div style="margin-bottom: 20px"></div> 
</div> 
</div> 

<!-- Button --> 

<input type="submit" class="btn btn-success" name="send" value="Login"> 
<div style="margin-bottom: 20px"></div> 
</form> 
<!-- Button --> 
<div id = "login_status" class="alert alert-danger" role="alert" style="display:none;"> 
    <strong>Sorry they dont match</strong></div> 




<div class="col-md-12 control"> 

    <a href="#" onClick="$('#loginbox').hide(); $('#signupbox').fadeIn('slow');$('#reminder_sent').hide(); "> 
    <br>Forgot your password? 
    </a> 

</div> 


</div>      
</div> 
</div> 
<div id="signupbox" style="display:none; margin-top:10px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"> 
<div class="panel panel-info"> 
<div class="panel-heading"> 
<div class="panel-title login-text hidden-xs">Forgot Password</div> 
<div class="panel-title login-mobile hidden-sm hidden-md hidden-lg">Forgot Password</div> 
</div> 
<div class="panel-body" > 

<form method="post" class="resend_password" action="resend_password.php"> 
<div style="margin-bottom: 20px" class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> 
<input id="login-username" type="text" class="form-control" name="username" value="" placeholder="Enter your email address">           


</div> 



<div class="form-group"> 

<!-- Button -->           

<input type="submit" class="btn btn-success" name="send" value="Send password"> 
</form> 

</div> 


<div id = "reminder_sent" class="alert alert-danger" role="alert" style="display:none;"> 
    <strong>Your password reminder has been sent 
</div> 

<div class="form-group"> 
<div class="col-md-12 control"> 

<div style="border-top: 1px; solid#888; padding-top:20px; font-size:85%" ><span class="gotit">Got it?</span> 
<a href="#" onClick="$('#signupbox').hide(); $('#loginbox').show();$('#login_status').hide();">Login here</a></div> 
</div> 
</div>  

</div> 
</div>    
</div> 
</div> 

我得到的错误是

错误 311的“格”元素必须有结束标签（），但没有发现结束标记，是放错地方，或者由于其他错误而没有看到。

错误 316为“分区”（在管线311，第2列启动）应出现之前为“形式”或为此标签结束标记应被删除或移动的结束标记。这是一个嵌套错误。 错误 322“strong”元素必须有一个结束标记（），但结束标记未找到，放置错误或由于其他错误而未见到。 您的密码提醒已发送 错误 323“strong”（在第322行，第4列开始）的结束标记应显示在“div”的结束标记之前，或者应删除或移动此结束标记。这是一个嵌套错误。

CSS错误 328错误的CSS声明;无法找到将属性名称与其值分开的冒号。

明白吗？ 错误 336找到了“div”的结束标记，但所有“div”开始标记都已经有结束标记（或存在嵌套错误）。下一个预期的结束标记是在第194行第2列开始的。

Answer 1

您需要在seceond </form>之前添加一个</div>，并在最后删除一个。