Css 显示：块；不固定重叠

在我的网站上按此页面。我有两根柱子搭在脚手架上。第一列包含联系人表单，另一列包含谷歌地图。问题是这两列与footer div重叠

我该怎么做

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

包含Sendmail表单

及

包含一个谷歌地图Iframe

撞击/推倒

<div id="rt-footer">

我花了三个小时在一个零成功的解决方案上。我假设

display:block

是解决方案，但不能解决重叠问题。我还尝试了

display:table毫无乐趣

哇……这真让我困惑。
把这个拿走

#车身包装{
身高：100%；
}

还是这个

html, body {
    height: 100%;
}

或者最好把两者都去掉

您可以使用浏览器的开发人员工具查看那里发生的情况。
脚手架子项是否浮动？尝试添加

clear: both;

在
#页脚中
。我在firebug中试用过，效果很好。
显示您的CSS。制作一个JSFIDLE，用最少的必要代码演示问题。为什么希望
display:block
来修复重叠？我尝试在#footer中添加css属性，它在firebug中工作。请检查我下面的答案。
clear: both;