css – 强力页脚在底部没有内容的页面

前端之家收集整理的这篇文章主要介绍了css – 强力页脚在底部没有内容的页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面只有几行内容。我想让页脚被推到底部
<div id="footer"></div>

我不想使用

#footer
{
    position:fixed;
    bottom:0;
}

AKA粘页脚

这可能没有jQuery吗?

有什么建议么?

解决方法

还有另一个粘性页脚不使用位置固定。

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

* {
    margin: 0;
}
html,body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    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/

*/

猜你在找的CSS相关文章