页脚停留在一页的底部，跳到另一页的中间

Question

我正在为Angular应用程序创建页脚。这是我的页脚代码：

// HTML
<footer class="footer">
    //  code for footer
</footer>

// LESS
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background-color: #ffffff;
}

.content {
    min-height: 500px;
}

// Application's layout:
<app-header1></app-header1>
    <div class="container content">
        <router-outlet></router-outlet>
    </div>
<app-footer></app-footer>

这在我的主页上工作正常。但是，当我导航到其他页面时，页脚跳到页面的中间，并在滚动页面时停留在该页面的中间。我注意到如果删除bottom: 0;，则页脚将移至底部。但是，当我导航回首页（使用bottom: 0;）时，页脚不再停留在底部。漂浮在首页内容和底部之间的中间位置。

包含bottom: 0;的PAGES

没有bottom: 0;的页面

PAGE position: fixed;

Answer 1

好吧，我认为您应该将> var key = "fullName"; // Assignment undefined > > var obj = {key: "Rishikesh Agrawani"} // Here key's value will not be used undefined > obj // Inappropriate, which we don't want { key: 'Rishikesh Agrawani' } > > // Let's fix undefined > var obj2 = {[key]: "Rishikesh Agrawani"} undefined > obj2 { fullName: 'Rishikesh Agrawani' } > 更改为div，并将页脚置于上方所有块元素的下方

HTML

footer

CSS

<div class="footer">
        //  code for footer
    </div>