页面底部大约12px的空白区域不归因于任何元素？

Question

我的页面底部有12px的空白区域。在检查CSS时，它不归因于任何元素。根据CSS检查员的说法，身体和html元素的高度都不包括这个空间......这让我很恼火。

如果你想看一下这个页面：Page

由于

Answer 1

将.clearfix的内容从.更改为\0020（这是一个空格）。这样就可以了：

.clearfix:after {
    clear: both;
    content: "\0020"; /* change to this */
    display: block;
    height: 0;
    visibility: hidden;
}

Answer 2

如果您将＃footer-wrapper更改为此，它将解决您的问题

#footer-wrapper {
    background-image: url('../images/green.jpg');
    height: auto;
    overflow: hidden;
    }

我希望这会有所帮助。

Answer 3

部分内容与您的.clearfix::after相关。我添加了一个line-height:0，其中大部分都消失了。我认为你的页面高度通常会与布局有点混淆。

Answer 4

如果您不想更改行高或其他内容，可以像这样添加填充到页脚：

#footer-wrapper {
    margin-top: 35px;
    padding-bottom: 20px;
}