为什么页脚没有粘到页面底部？

Question

我尝试了100种不同的方法让页脚粘在页面底部。在我的所有其他页面上，它在一个页面上运行正常，页脚浮动到中间。这是我正在努力工作的代码，但显然有些东西已经关闭。

@media screen and (min-width : 768px) {
.page-id-94 html, body {
    display: none;
}

.site, .site-content {
    height: 100%;
}

#boldgrid-sticky-wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

}

我需要这个才能在移动/小屏幕版本中执行，因此我使用了媒体查询。

我正在学习CSS，所以这对我来说都很新鲜。感谢所有帮助

Answer 1

不确定你在这里尝试做什么，但这就是我通常的做法：

.footer {
position: absolute;
bottom: 0;
width:100%; 
height:20%; //you can hard code a px value for this 
padding: 5px; //you may wish to change this as well
}