Html 为什么绝对定位不起作用？

我想让我的页脚保持在底部：

body, html{position:relative;}
footer{position:absolute;}

但事情还是很奇怪。

footer

即使在

bottom:0时也不会放在最底部已完成。有人能帮我调试一下吗？
和。
在课堂上增加宽度、高度（和颜色！）

footer {
  background-color: black;
  margin: 0!important;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  color: white;
}

您需要为body元素设置height或minheight以覆盖孔页面。然后页脚转到屏幕底部


html，正文{
保证金：0；
填充：0；
过渡：所有1；
字体系列：“投石机MS”；
位置：相对位置；
最小高度：100vh；
}
页脚{背景色：蓝色；宽度：100%；高度：50px；位置：绝对；底部：0；}











版权及副本；2017
当外部资源消失或被修复时，依赖外部资源理解的问题将变得无用。创建一个并将其放在问题本身中。在问题中发布相关信息有什么错？请添加一些注释来解释代码如何解决问题。好的@Bobulus，我添加了解释。谢谢@FarzinKanzi。这不是我使用的解决方案，但非常接近。我接受这个答案。我们只是让你知道你的代码可能缺少什么，没有你自己的努力和理解，没有人能帮助你。您的JSBin和JSFIDLE代码也不同。问一个有问题的问题会让你有问题的答案。谢谢你，兄弟。感谢你的努力。