php - CSS 粘性页脚问题

Question

我正在构建的新网站上的页脚有点问题。 我尝试了 Ryan Fait ( http://ryanfait.com/sticky-footer/ ) 的技术，但不知何故，它就是行不通。也许你可以帮助我并告诉我为什么？

我页面的链接是 aev.martenzander.com

我只在 index.php 上试过，所以访问子页面时不要混淆。

代码:

HTML

<!-- FOOTER -->
<div class="stickyfooter"></div>
<div class="footer">
    <footer>
        <?php
        include("includes/footer.php"); ?>
    </footer>
</div>

CSS

.footer{
        height: 111px;
        margin: 0 auto;
        position: relative;
    }

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

Answer 1

所以它的工作方式是你有一个带有负边距的 mainWrapper 类，然后你有一个强制该边距始终保持清晰的 push 类，然后你有一个占据该边距的页脚类。

现在您没有 push 类，您的页脚类是在包装器中定义的。它需要在 wrapper 外面。