Css 为什么我的页脚没有粘住？

我在重新做我的网站的过程中-它正在建设，当我有时间-我有一个关于页脚的四个页面中的两个有点问题-我不太清楚为什么它不工作，因为它似乎在两个页面上工作正常。我在这里使用的技术是：（ryanfait.com/resources/footer-stick-to-bottom-of-page/）

我在CSS中使用这些值：

    /* BOTTOM BAR */

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -122px;
}

.push, .footer {
    clear: both;
    width: 100%;
    height: 122px;
}

.footer {
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
    clear:both;
    background-color: #2e2e2e;
    -moz-box-shadow: 0px -1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,0.6);
    -webkit-box-shadow: 0px -1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,0.6);
    box-shadow: 0px -1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,0.6);
    border-top:1px solid #36383D;
}

.bottom_content {
    width: 900px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 25px;
    border: 0px;
}

.copywrite {
    float: left;
    text-align: left;
    padding:0px;
    margin-top: 0px;
    clear: both;
    font-family: Helvetica, Arial;
    font-size:24px;
    font-weight:300;
    color: #3c3e43; 
}

• 在这里工作很好：

但这里没有： 或者about页面（/test/test\u about.php）

我试过很多不同的方法，但都没有用！我开始用它扯掉我的头发，所以任何建议都将不胜感激

---

编辑-以下是我看到的：我在chrome、safari和safari iOS中看到了这一点。我希望它始终位于页面底部，页面内容下方。

问题在于HTML

以下是源代码中嵌套不良标记的示例：

<a class="fancybox-thumb" rel="gallery" href="../images/photography/fullsize/MVI_4003-2.jpg" width="249" height="148"><img src="../images/photography/thumbnail/MVI_4003-2-thumb.jpg"></div></a>

---

正如您所看到的，在您的锚中有一个不应该存在的结束div标记。修复这些类型的错误，您的页脚应该可以正常工作。

我看不出您的示例之间有任何区别，与页脚相关…我不；我也看不出有什么不同。您在哪个浏览器中看到问题？当你说你想让页脚粘住时，你的意思是让它总是在浏览器底部可见（这样页面的其余部分就会在它下面滚动），还是让它总是在页面底部（页面内容的其余部分下面）？真的吗？真奇怪-这是我在chrome、safari和safari iOS中看到的[link]。我希望它始终位于页面底部，页面内容下方。您有多大尺寸的hj8ag显示器？页脚未粘住的原因可能是html中的错误，而不是css中的错误。确保您的标记正确关闭并正确嵌套。24“@1920x1200，但也使用iOS设备和23”@1920x1080进行测试只是查看了代码并交换了这些标记-我很难看到任何其他错误嵌套的标记，尤其是在关于页（）上！也，不知道为什么，但在iPad上，当旋转时，它似乎完美地粘在页面底部……我看到的另一件事是，你的

.push

div不直接在你的

.wrapper

中，而是嵌套在你的

.content

div中。将

.push

移动到页面右下方

.content

我已经把这些移到标签外面了，仍然没有乐趣！现在我对这个页面感到非常失望-我也尝试删除了“.wrapper”字段，就像正在工作的页面（www.jameshenry.info/test/test_2.html）一样，它也不工作-所以我现在把它放回去了，我已经切换到cssstickyfooter.com方法-它只是工作。。。但是感谢您的帮助，您帮助我更正和验证了我的许多代码