保留頁腳和頁面底部

Question

我有一個網頁https://jiwidi.me/home/我有一個頁腳，即使我用 js 代碼注入 html 代碼，我也想留在頁面底部。 頁腳在主頁https://jiwidi.me/home/上工作，但不會在https://jiwidi.me/home/blog/上運行，例如它不在底部的地方。 在博客頁面中，我將實時插入 html 代碼，從而使頁面的尺寸發生變化。

我當前的頁腳 css 看起來像這樣：

footer {
    clear: both;
    margin-top: -200px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
    text-align: center;
}

頁腳也應該居中。

謝謝！

Answer 1

您可以只使用 position fixed

footer {
    clear: both;
    margin-top: -200px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
    text-align: center;
}

Answer 2

您必須添加 position:relative; 在你的身體元素上

body 
{
 position:relative; 
}

#photos
{
 margin-bottom:100px; 
}