如何将页脚固定在屏幕底部

时间:2019-07-07 作者:fleischhauer

我最近使用Elementor用Wordpress创建了我的第一个主页(garageeden.at),但页脚有一个小问题(使用Elementor的页眉-页脚插件创建)。目前,它紧跟在内容之后,所以在内容很少的页面上,它位于页面的中间,下面有空格。我看到了添加的建议

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}
但如果我使用自定义css插件这样做,它不会改变任何东西

1 个回复
SO网友:Castiblanco

CSS的问题是您正在使用。网站页脚,但您的网站上没有这样的类,您应该改用#colophon。

#colophon {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}
检查您提到的空白在页脚顶部的显示方式。enter image description here