Html 粘滞页脚未提供粘滞行为

出于某种原因，在这一页上，页脚只贴到了页面的一半，但所有其他页面似乎都没有问题。我找了好久，找不出原因

我已经在下面列出了相关的HTML和CSS，显然还有更多的内容

HTML:

---

是的，这是因为

位置：绝对不会产生粘性页脚。如果你想要一个粘性的页脚，你需要使用
position:fixed。这将使页脚相对于浏览器窗口保持在同一位置，而不是下一个相关父对象

祝你好运，

-布莱恩
你应该：

html,
body {
    height: 100%;
}

你的
html
没有
height
赋予它，因此它只有
主体推动它时的高度。注意，在IE8及以下版本中，您必须使用“骗子”解决方案，如R：

我用过它；它起作用了。不过，这让你头疼，因为它从本质上剥夺了你的
margin
和
padding
灵活性。这可能是一种痛苦。
不明白你的意思。页脚在底部粘得很好？页脚粘在文档的底部，而不是窗口的底部。当您的文档小于浏览器窗口的高度时（因为您没有足够的内容），页脚看起来不会粘在底部。请使您的问题对您来说不那么具体，而对粘性页脚的概念更一般，以便其他用户可能会发现它很有帮助。另外，请补充细节，我们不知道前两句话是什么意思。你在用什么浏览器测试？我看到联系人页面上的页脚粘在Chrome、FF、IE和Opera的底部。如果你对@MikeRobinson提到的内容有问题，你应该试试，或者你可以设置一个
位置：修复了
真的吗？位置：绝对？当内容溢出时会发生什么？谢谢，这非常有效。@DougSmith接受答案。
.footer-wrapper {
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#d6d6d6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #ccc;
    bottom: 0;
    height: 16px;
    overflow: hidden;
    padding: 8px 0 5px 0;
    position: absolute;
    width: 100%;
}

    .footer {
        color: #808080;
        clear: both;
        font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
        font-size: 0.7em;
        margin: auto;
        width: 900px; 
    }

html,
body {
    height: 100%;
}

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* the bottom margin is the negative value of the footer's height */
    margin: 0 auto -142px; 
}
.footer, .push {
    /* .push must be the same height as .footer */
    height: 142px; 
}

/* Sticky Footer by Ryan Fait
   http://ryanfait.com/       */