页面底部的空白区域

Question

In this site我遇到了一个问题，页面底部有一些很大的空白区域，如果你打开chrome dev工具或者编辑任何打开dev工具的属性，空间就会消失。 已经尝试从页脚中删除clearfix，设置overflow: hidden;并将body和html设置为height: 100%;和min-height: 100%;，并删除滑块以查看在计算时是否存在任何JS问题html高度。现在，我不知道发生了什么，

谢谢！

Answer 1

尝试：

.container:after, header:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

将“\ 0020”改为“”;

.container:after, header:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}