html - float 到一页顶部的粘性页脚

Question

我很难弄清楚为什么我的粘性页脚在我网站的主页上有效，但在其他页面上却无效。 footer div 中的段落停留在页面底部，但背景 div float 到导航栏后面的页面顶部。这是页脚损坏的 fiddle :https://jsfiddle.net/justaflurg/hxhbnmcs/以及带有工作页脚的主页:https://jsfiddle.net/justaflurg/p4efkvkq/

我正在使用这个 CSS 创建页脚 –

.pagewrap {
min-height: 100%;
margin-bottom: -65px; 
display: block;
}

.pagewrap:after {
content: "";
display: block;
}

.footer, .pagewrap:after {
height: 65px; 
margin-bottom: -65px;
}

.footer {
display: block;
background: #E0E0E0;
color: #999;
border-top: solid 1px #DDD;
}

Answer 1

试试这个

.footer, .pagewrap:after {
height: 65px; 
margin-bottom: -65px;
float: left;
}