Html 如何使页脚粘在页面底部？

我一直在玩我的内容，以达到我想要的效果，但现在我的页脚将不会在所有内容下方的页面底部。我认为它目前固定在页面底部，但是它与左侧的导航栏重叠。我将内容的主体放在一个div-main容器中，页脚在这个容器之外

我的页脚的HTML：

 <div class="footer">
     <div class="footerContent">
            <p>Copyright &copy; 2014 <a href="#" title="DanielParry">www.danielparry8.com</a></p>
    </div>     
  </div>

我知道固定定位可能不是使用的方法，但是当我使用其他方法时，它会上升到页面顶部，并且仍然与我的内容重叠

所有内容都位于具有以下CSS的主内容div中

 html, body, #maincontainer { height: 100%; }
 body > maincontainer { height: auto; min-height: 100%; }

这已经困扰了我好几天了，我在这里浏览过的其他解决方案都不起作用，我想它们是我代码中的一个错误，我就是找不到

---

谢谢

您需要更改位置：固定到绝对末端添加底部：0；

---

页脚和单位必须位于包装的外部

我在

正文

css上使用了

页边距底部：

。可能有点“欺骗”，但似乎对我尝试过的每件事都有效。

查看。另外，要在多个页面上放置相同的页脚，可以使用PHP includes，但我不认为这就是这个问题的实质；底部：0；但是，它现在位于页面下方约三分之一的某些内容后面？根据您在html中的放置方式，您可能还希望添加一个z索引，使其位于所有其他内容之上。另一个选项是删除设置高度和页脚的位置示例210px，然后在页边距顶部证明：-210px

 html, body, #maincontainer { height: 100%; }
 body > maincontainer { height: auto; min-height: 100%; }