html - Firefox 中 div 下的间隙

Question

我有这个带有 wordpress 主题的 html

div class="fullWidthDarkBlue">
<div class="hpRentArrears">
<section id="black-studio-tinymce-8" class="widgetcontainer widget_black_studio_tinymce"><div class="textwidget"><h2>Rent Arrears</h2>
<p>Does ...t on your behalf.</p>
</div>
</section>
</div>
<div class="clearer"></div>
</div>
<div id="footer">...

还有一些像这样的 CSS:

#footer {
margin-top:0px;
border:none;
}

.fullWidthDarkBlue {
width:100%;
background:#365162;
padding-top:30px;
}

.hpRentArrears {
width:346px;
float:left;
background:#f2f1ed;
border:2px solid #a7cfdb;
}

.hpRentArrears p {
margin:0;
}

.clearer {
clear:both; 
}

除在 FF 中深蓝色框底部和页脚之间有间隙外，一切正常。我发现我可以通过在 #footer 上添加边框来消除这个差距 - 但我真的不想

是什么导致了这个差距，我该如何消除它？

Answer 1

我测试了您的代码，它在 ff、safari 和 chrome 中运行良好。必须是页脚内部的元素，它会产生一些边距。

分享您的代码，我会修复它。