显示：块;不修复重叠

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

脚手架儿童是否漂浮？尝试添加

clear: both;

#footer中的

。我在萤火虫中试过它并且有效。

Answer 2

删除此

#body-wrapper {
    height: 100%;
}

或者

html, body {
    height: 100%;
}

或更好地删除两者。

您会看到使用浏览器的开发者工具在那里发生的事情。