如何在頁面的底部有一個粘性頁腳，但是沒有與其他元素重疊？

Question

我想要一個頁腳底部的頁腳，我目前使用「position：fixed」的問題是我有一個div，我想佔用頁腳上方的整個區域，問題是儘管底部由於位置固定，部分div被重疊。當我刪除位置：固定，頁面需要滾動....任何人都可以給我一個例子，如何正確創建一個頁腳停留在頁面底部而不重疊元素並創建滾動條？我正在使用引導程序3.

Answer 1

將一個margin-bottom添加到頁腳之前的最後一個元素，該頁腳至少與頁腳一樣大。