如何使頁腳停留在頁面底部？

Question

為了達到想要的效果，我一直在玩我的內容，但是現在我的頁腳不會位於所有內容下方的頁面底部。 我當前已固定在頁面底部，但是這與導航欄重疊（在左側）。 我將內容的主體放在div-主容器中，並將頁腳放在此容器之外。

我的頁腳的HTML：

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

頁腳的CSS：

.footer {
width: 100%;
z-index:999;
bottom:0;
clear:both;
position:fixed;

 }

  .footerContent {

font-family: sans-serif;
color: #FFF;
float:left;
width:100%;
margin-top: 10px;
margin-bottom: 10px;
 }

  .footer p {
float:left; width:100%; text-align:center;
 }

我知道固定位置可能不是使用的方法，但是當我使用其他方法時，它會出現在頁面頂部，並且仍然與我的內容重疊。

所有內容都在帶有以下CSS的主內容div中

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

數天來，這一直困擾着我，在這里瀏覽過的其他解決方案也沒有奏效，我認為它們是我找不到的某個地方的代碼錯誤！

謝謝！

Answer 1

您需要更改位置：固定到絕對末端添加底部：0; 頁腳和您的單元必須位於包裝器之外

Answer 2

我在body css上使用了下margin-bottom: <footerheight> 。 可能有點“作弊”，但似乎可以在我嘗試過的所有功能上工作。