Question

我无法使任何解决方案起作用。

页脚不断在此page

的底部留下空隙

页脚留下一个空白的空隙。

我试过了

#footer {
position:absolute;
bottom:0;
}

它似乎使情况变得更糟......

有什么想法吗？

更新：仍然无法让它工作。尝试设置身体和包装的高度。尝试下面的所有代码。它最终重叠

Answer 1

试试这个：

#footer {
   position:fixed;
   bottom:0;
   width:100%;
}

我相信这就是你所追求的。绝对位置与文档有关，而固定位置与屏幕视图有关。

修改

假设你的页脚高度为50px，你需要为DOM中页脚上方的元素添加一个边距，理想情况下会出现在网站的每个页面上的某种包装（这是最有意义的在结构上。

即使您自己添加此元素，假设您有权访问模板。

所以看起来像这样：

<header></header> <div class="content"> //wrap all of your main content block here </div> <footer></footer>

然后为css添加margin-bottom:70px到.content包装器

Answer 2

试试这个......

#footer-wrap {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Answer 3

你走了：

#footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
}

Answer 4

根据你的问题我不认为你想使用位置：固定因为如果你的页面要高一些（要求垂直滚动是必需的），页脚将保持附着在底部你走到哪里的页面。我想你想要的是：

<style>
   .footer-wrap{position: absolute; bottom: 0px; width: 100%;}
   body{overflow: hidden;}
</style>

您需要添加溢出：隐藏在正文上，因为页脚上的100％宽度将创建一个水平滚动。

Answer 5

页脚是HTML5中自动定义的元素，您的基本页面应如下所示，一切都应该放置

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
<title>Place title here</title>
<meta charset="utf-8">
</head>
<body>
<header>
  
  </header>
  
<nav>
  
  </nav>
  
<main>
  
  </main>
  
<footer>
  
  </footer>
</body>
</html>

＆＃13;

每个人的CSS配置都可能类似于

＆＃13;

<style>
header {
  background-color:place color here;
  }


nav {
  background-color:place color here;
  }

main {
  background-color:place color here;
  }


footer {
  background-color:place color here;
  }
</style>

＆＃13;

注意：页脚和页眉应与主体颜色相同，使页面更易于呈现

Answer 6

我能够通过在帖子中设置底部边距来修复它

article.post-72.page.type-page.status-publish.hentry {
  margin-bottom: 124px!important;
}

并添加一些高度并溢出页脚

.footer-wrap {
  height: 115px;
  overflow: hidden;
}

Answer 7

我可能会有点迟到，但我今天偶然发现了这一点，我知道解决方案。

只需使用：display:flex;

这将使这个白色空间消失。希望这有助于某人。

页脚不会停留在底部

7 个答案: