javascript - Drupal 7 将页脚扩展到浏览器底部以获得短页面

Question

在 Drupal 7 中，对于没有太多内容的短页面，页脚可以上移并在页脚下方留出一些空白。对于短页面情况，如何将页脚扩展到底部？可能需要 JavaScript (jQuery) 来动态获取浏览器高度、内容高度....然后动态设置 zone-footer-wrapper... 到浏览器的底部？

Answer 1

这可以很容易地通过 CSS(和一些 HTML 重新调整)来完成。

http://ryanfait.com/sticky-footer/

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
.footer, .push {
    height: 4em;
}

.wrapper 是你的主要内容容器，.push 是一个空的 div 和 .wrapper 的最后一个 child ，.footer 是一个 div 并且是 .wrapper 的下一个兄弟。