CSS 问题；验证码溢出表单边界

Question

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

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

在 Chrome 中一切正常，但在 Firefox 中，验证码会溢出表单边界，并且在旁边，而在 Chrome 中，它在表单下方并且更正常地集成。为了尝试解决这个问题，我将验证码（最初在表单的 div 标签之外）放在它自己的 div 组中。问题的固定部分，在表单的其余部分下正确对齐验证码。

但是，既然我已经这样做了，验证码（及其相关联的表单标签）就超过了运行两侧的表单边界，并且在 Chrome 或 Firefox。此外，它没有 space 正确，尽管在它自己的 div 中。

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

我不确定如何 - 或者是否 - 我可以解决这个问题。我是一名学生，网页设计对我来说更像是一种爱好；实际上，作为与天气相关的实习的一部分，我正在做这个重新设计。我对 HTML 和 CSS 相当了解，但对这个问题很迷茫。希望这里使用过表单 and/or Bootstrap 的人可能对我有一些见解。

谢谢！

Answer 1

您错过了 <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>

CSS 问题；验证码溢出表单边界

Issue with CSS; captcha overflowing form boundaries

css

forms

captcha

twitter-bootstrap