如何在浏览器底部创建一个持久的栏？

Question

用什么HTML / CSS创建一个填充浏览器底部的栏，并在用户滚动时保留在原位？请参阅envato.com了解我正在谈论的内容。

Answer 1

之前我使用过这种方法，似乎工作正常。

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

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