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;
}

CSS表单在Chrome中非常棒，但对于Firefox则不适用

1 个答案: