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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/216031.html

猜你在找的CSS相关文章