CSS 表单对齐在 Chrome 中很好，但在 Firefox 中关闭

Question

以下页面http://drivenowcard.com/form.php 在 Chrome 上运行良好，但在加载 Firefox 时，您会注意到表单偏向右侧。

我是 CSS 新手，所以我做错了什么，或者 Firefox 与 Chrome 有什么不同？

HTML

<div id="beforeForm">
    <h2 id="customer" class="textFont">Customer Information</h2><h2 onclick="redirect('http://drivenowcard.com/privacy.php');" id="privacy">Privacy Notice</h2>
    <p hidden="" id="required">* Indicates a required Field</p>
</div>

<form id="actionForm" action="ajax/process.php" method="post">
    <!-- form contents -->
</form>

注意： 此项目正在使用 Bootstrap 3

Answer 1

您需要清除从以下位置级联的左浮动：<h2 id="customer" class="textFont">

这是 CSS 中的浮点数（不要更改）

#customer {
    float: left;
}

这是您需要添加到样式表以清除浮动的 CSS

#actionForm { 
    clear: left;
}