html - 页脚文本的css

Question

我很难为页脚文本提供一个简单的 CSS 片段。页脚文本必须始终位于页面末尾和屏幕末尾，无论后面出现什么。

Answer 1

* {
    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 */
}

/*

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

*/

Answer 2

对于一个你可以挑选的工作示例，我之前为我们的客户做了同样的事情：

下推页面- 固定位置页面

Answer 3

使用bottom属性：

#footer
{
    position:absolute;
    bottom:2px;
}