forms - CSS问题；验证码溢出形式边界

我正在基于Bootstrap 3框架重新设计网站。

在配置网站的联系表单和实施验证码时，我遇到了CSS问题。

在Chrome浏览器中一切正常，但是在Firefox中，验证码溢出了表单边界，并偏离了侧面；而在Chrome浏览器中，验证码位于表单下方，并且更正常地集成。为了解决这个问题，我将验证码（最初位于表单的div标签之外）放置在它自己的div组中。该问题的固定部分是正确地将验证码与表格的其余部分对齐。

但是，现在我已经完成了此操作，验证码（及其关联的表单标签）超出了两侧的表单边界，并且在Chrome或Firefox中均无法正确显示。此外，尽管位于自己的div中，但它无法正确定位。

http://www.weatherworks.com/contact/contact.php

我不确定如何（或是否）可以解决此问题。我是一名学生，网页设计对我来说更是一种爱好；我实际上是在进行与天气相关的实习的重新设计。我对HTML和CSS相当了解，但是由于这个问题而迷失了。希望这里使用表单和/或Bootstrap的人可能对我有一定的见解。

谢谢！

最佳答案

您错过了<div class="form-group" id="commentTxt">的结束标记。在下一个<div class="form-group">上方放置一个关闭标签

<div class="form-group" id="commentTxt">
.
.
.
</div> <!-- Add this div -->
<div class="form-group">
  <label class="col-lg-2 control-label">Verify Humanity</label>

关于forms - CSS问题；验证码溢出形式边界，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31374182/