获取页脚始终处于底部 - 仅使用CSS

如果页面上没有足够的内容，是否可以在页面的底部显示页脚？获取页脚始终处于底部 - 仅使用CSS

我试过一些不同的CSS来实现这一点，但没有运气。我当然可以用JS做，但如果可能的话，我认为CSS更平滑。

我认为问题是我的包装div（有id =“main”）有float：none，因为我想将它的内容居中。

有人可以帮我吗？

的http：// ryanfait。 com/sticky-footer/ – lifetimes

你在找什么通常叫粘脚。

对此现场一看，它使用纯CSS解决方案：http://ryanfait.com/sticky-footer/

2013-05-21 21:23:32 pzin

引自'ryanfait.com'::“我不知道网页设计，你能帮我解决这个问题吗？” 我按小时收取网站协助费用，最低收费为60美元。但是，互联网上有大量的CSS和网页设计论坛，您可以获得免费的帮助。如果你真的想让我解决它，给我发一封电子邮件，我们可以讨论定价。 –

@MilchePatern你有什么迹象表明任何人在这里想要支付你来修复他们的代码？ – dezman

非常感谢。这正是我所需要的:) – user2407193

您可以使用：

html, body, #main { 
    height: 100%; 
} 
footer { 
    position: absolute; 
    bottom: 0; 
}

2013-05-21 21:24:43 dezman

放在#lbBottomContainer

position:absolute; 
bottom:0;

2013-05-21 21:28:15

回答