html底部固定-如何保持网页页脚仍然固定在底部

当我们开发一个网站时，我们通常将其分为页眉、主要、侧边和页脚。 这些模块包含它们自己的公共信息。 例如html底部固定，页眉通常是本网站所有页面都需要导入的模块，菜单等信息通常放在上面； 页脚通常放置在网站所有页面的顶部。 当网页内容比较大时，我们可以看到页脚通常位于页面的顶部。 而且，当页面内容不足以填满一个页面时html底部固定，您会发现页脚不在浏览器窗口的顶部。 本文提供了一种CSS方法，使网站始终能够固定在网页的顶部。

我们的页脚代码如下：

关键是看下面的css代码：

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

然后我们可以强制页脚模块仍然显示在网站的底部。 非常好，赶紧去尝试一下吧。

除特别声明外，本博文均为原创！