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"> 级联下来的左侧 float

这是你 CSS 中的 float (不要改变它)

#customer {
    float: left;
}

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

#actionForm { 
    clear: left;
}