css - 显示 : block; does not fix overlap

Question

根据我网站上的这个页面。 http://kaizenkarateacademy.com/index.php?option=com_content&view=article&id=3&Itemid=114 .我有两列脚手架。第一列包含联系表格，另一列包含 Google map 。问题是这两列与页脚 div 重叠。

如何制作

<div class="col-md-6 col-lg-8 tut-block alt"> Contains Sendmail form</div>

和

<div class="col-md-6 col-lg-4 tut-block">Contains a Google Map Iframe </div>

撞击/向下推

<div id="rt-footer">

我在一个解决方案上花费了三个小时，但没有成功。我假设 display: block; 是解决方案，但它没有解决重叠问题。我也尝试过 display: table; 但并不满意。

哇...这真让我困惑。

Answer 1

脚手架 child 漂浮了吗？尝试添加

clear: both;

在 #footer 中。我在 Firebug 中试过了，它有效。