小编典典

在内容不多的页面底部强制页脚

css

我的页面只有几行内容。我希望页脚被推到底部。

<div id="footer"></div>

我不想用

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

又名 粘性页脚

没有jQuery,这可能吗?

有什么建议么?


阅读 291

收藏
2020-05-16

共1个答案

小编典典

还有另一种粘页脚]由瑞安既成事实不使用位置固定的:

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