我的页脚在内容主体上重叠

Question

我的页脚重叠我的内容主体，它应该始终粘在底部，不应重叠在我的内容主体上。

my full web page access:
http://www.acmearchitectural.com/sohail/ptpage1.html
your early reply appreciated.

谢谢

Answer 1

为页脚提供一堂课，如下：

.footer{
  margin-top:20px;
}

否则您可以写

 <div class="clearfix"></div>

您应该保持身体和页脚之间的边缘。

替代代码：

.card1 {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    border-radius: 0px;
    padding: 0 0px;
    margin-bottom: 77px !important;
}

Answer 2

为页脚添加此样式。

 .footer {
   background: #000 none repeat scroll 0 0;
   border-top: 1px solid #eaeaea;
   bottom: 0;
   left: 0;
   position: static;
   right: 0;
   top: auto;
   clear: both;
  }

Answer 3

我在您的页面上尝试了一个尝试，并且以下解决方案对我有用。尝试一下。

基本上，您必须在.footer类中进行两个更改

display:inline-block;  
position: static;

所以你的班级看起来像下面的东西。

.footer {
    background: #000 none repeat scroll 0 0;
    border-top: 1px solid #eaeaea;
    bottom: 0;
    left: 0;
    position: static;
    right: 0;
    display: inline-block;
}