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;
}

我的页脚在内容正文上重叠

3 个答案: