Css 带有绝对位置的页脚不会粘在滚动条上

我试图做一个页脚，将坚持到页面的底部，而不是我让它坚持到原来的窗口底部位置。当我滚动时，我会把页脚贴在页面中间。

我不想把它修好，粘到页面上。

当我没有足够的内容滚动时，一切都很好。（至少看起来是这样）

对应的HTML：

<footer class="footer_div">
  <div class="container">
    <p>Sam Sedighian - No rights reseved!</p>
  </div>
</footer>

---

它需要位于页面底部，而不具有粘性（固定），并且只有在滚动到页面底部时才可见。因此，它应该适用于这两个示例：

这是一个极其微妙的bug。仔细阅读以下内容：

不要为元素留空间。相反，将其定位在相对于其最近定位的祖先或包含块的指定位置

页脚

没有任何定位的祖先。请注意，在中

此外，您还需要添加一个与页脚高度相等的

填充底部

，以便为页脚保留空间

尝试：

---

你的网页不工作，哈哈？链接好像断了。。。你能改做小提琴吗？欢迎来到SO。@Piyush获得了工作链接now@ochi如果没有，我可以制作小提琴work@SamSedighian您不能简单地从

.footer\u div

类中删除

位置：绝对

？然后，无论您有多少内容，它都将在内容末尾流动。这就是你想要达到的吗？很有趣！然而，bootstrap的粘性页脚解决方案使用了

position:absolute

，所以我想知道是否还有比这更多的东西。。。？看，实际上我不希望有一个固定的页脚。我希望页脚保持在页面底部，无论我有多少内容。在这种情况下，您只需将CSS移动到

页脚，而不是内部
div
。如果你发布了一个有效的链接，我可以确认这个修复。问题是，当我在博客文章的主体中有内容和没有内容时，它不适用于这两种情况。查看我添加到问题中的链接，看看我指的是什么，再次编辑以更紧密地反映Bootstrap的CSS。这两种情况都适用。
.footer_div {
  background-image: url("../imgs/dark_dotted2.png");
  color: #818787;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  padding-top: 10px;
  text-align: center;
}

html {
    min-height: 100%;
    position: relative;
}

body {
    padding-bottom: 40px;   
}