如何在页面底部添加页脚

时间:2014-10-17 19:22:49

标签: html css

我无法在页面底部添加页脚。它总是显示在页面中间或类似的东西。如果有一些方法可以修改页脚div元素以始终显示在页面底部,即使在向页面的中心/顶部添加更多内容(因此不是固定位置)之后也会很酷。

这就是我在CSS中所做的事情:(div的id是ofc" footer")

#footer {
    text-align: center;
    margin: 0px auto;
    position: bottom;
    bottom: 0px;
    font-size: 10px;
    padding: 10px;
}

我在标题(徽标)上使用了类似的东西,基于此我尝试使用与页脚相同的工作但没有成功。这是我的标题CSS,仅供参考:

#logo {
    position: center;
    margin:0px auto;
    top:0px;
    text-align: center;
}

我使用了一个图像作为徽标,没有任何文字,只有页脚的文字。

1 个答案:

答案 0 :(得分:0)

您需要将以下样式添加到footer div中,以使其贴在您网站的底部:

#footer {
     position: absolute;
     bottom: 0;
}