Html 如何在页面底部添加页脚

Html 如何在页面底部添加页脚,html,css,Html,Css,我无法在页面底部添加页脚。它总是显示在页面的中间或类似的东西。如果有办法修改footer div元素,使其始终显示在页面的底部,即使在页面的中间/顶部添加了更多内容,从而不是固定的位置之后,也会很酷 下面是我在CSS中所做的:div的id是ofc footer #footer { text-align: center; margin: 0px auto; position: bottom; bottom: 0px; font-size: 10px;

我无法在页面底部添加页脚。它总是显示在页面的中间或类似的东西。如果有办法修改footer div元素,使其始终显示在页面的底部,即使在页面的中间/顶部添加了更多内容,从而不是固定的位置之后,也会很酷

下面是我在CSS中所做的:div的id是ofc footer

#footer {
    text-align: center;
    margin: 0px auto;
    position: bottom;
    bottom: 0px;
    font-size: 10px;
    padding: 10px;
}
我在页眉的logo上使用了类似的东西,基于此,我尝试在页脚上使用相同的东西,但没有成功。以下是我的页眉CSS,仅供参考:

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

我使用的徽标图像没有任何文本,只有页脚文本。

您需要在页脚div中添加以下样式,以便将其粘贴到网站底部:

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

位置:底部?请阅读一些实际的CSS文档。那么,绝对的,固定的,等等。。。?我对logo的位置感到困惑:居中,但无论如何…去读这个=>你的页脚没有触及页面底部,因为没有足够的内容填满浏览器窗口。这里有一个解决方案可以解决这个问题:。如果你有足够的内容来填充浏览器,你的页脚总是在底部。看到或没有为我工作,它仍然出现在中间。page@whatwhatwhat你的HTML结构是什么?标题、菜单、内容和页脚的div检查@hungerstar在你的主要问题下面的评论,您需要用足够的内容填充页面,以使页脚粘在页面底部。