1

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

如果您想看一下，该页面就在这里：Page

谢谢

4

4 回答 4

6

将您的内容.clearfix从 a更改.为\0020（这是一个空格）。这可以解决问题：

.clearfix:after {
    clear: both;
    content: "\0020"; /* change to this */
    display: block;
    height: 0;
    visibility: hidden;
}
于 2012-04-28T16:37:50.167 回答
2

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

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

我希望这有帮助。

于 2012-04-28T16:34:18.987 回答
0

其中一部分与您的.clearfix::after. 我添加了一个line-height:0，大部分都消失了。我认为您通常在页面上的行高与布局有点搞砸了。

于 2012-04-28T16:30:16.070 回答
0

如果您不想更改 line-height 或其他内容，您可以像这样在页脚中添加填充：

#footer-wrapper {
    margin-top: 35px;
    padding-bottom: 20px;
}
于 2012-04-28T16:44:21.753 回答