css – 如何在没有最小高度,粘性页脚或javascript的情况下将包含的页脚保留在短页面的底部

我有60页都有相同的页脚,包括在 PHP中.内容量从高300px到2000不等.我不认为这是可能的,但是如果我可以让页脚坐在浏览器窗口的底部,如果页面比窗口短,并且行为正常(推到底部),那将是很好的,否则,只用CSS.谢谢.

解决方法

我知道这篇文章很老了,但我找到了一个很好的资源来解决这个问题.

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

这里只是css：

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

/*

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

*/

祝好运.

原文地址：https://www.jb51.cc/css/216031.html