底部最小高度的页脚

Question

我一直在为我的兄弟网站做一些改变，我想让页脚缩小..（应该在开始时做到这一点..）

但它不会下降，我已经尝试了我知道的每一个基本技巧但由于某种原因它不会下降..我想我错过了什么或做错了什么。

有人可以帮助我！因为我有一个隧道视觉的案例，我没有看到我犯的错误。

Website

如果你需要什么我会发布它！

提前致谢！

Answer 1

您可以使用Sticky Footer。将您的内容换成div，但不包括页脚脚本：

<div class="page-wrap">
   ALL Content

</div>

<footer>
  //footer script
</footer>

然后在CSS中设置页脚的高度，并使用相同的值作为包装器和:after选择器的负边距：

html, body {
  height: 100%; //make sure you add this
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -100px; 
}

.page-wrap:after {
  height: 100px; 
  content: "";
  display: block;
}

footer {
  height: 100px; 
}