页面底部大约 12px 的空白不属于任何元素？答案

【问题标题】：roughly 12px white space at bottom of page not attributed to any element?页面底部大约 12px 的空白不属于任何元素？
【发布时间】：2012-04-28 16:12:14
【问题描述】：

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

如果你想看，该页面在这里：Page

谢谢

【问题讨论】：

可能不相关，但你有一个双滚动条。网站失礼。
是的，谢谢，这是在尝试解决问题时发生的，已经解决了

标签： html css drupal

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

我希望这会有所帮助。

【讨论】：

这会起作用，但它并不能真正解决基本问题。它只是隐藏它。该问题是由.clearfix 类的content 引起的。

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

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

【讨论】：