让footer固定在对底端的两种方式

http://www.cnblogs.com/wudingfeng/archive/2012/06/29/2569997.html


问题:当将整个page的min-height设置成100%后,如果页面高度小于100%,这时候footer会跟着往上跑了,而不是位于最低端,这不是我们希望的。

解决方法就是控制footer的位置让其位于最低端,而不是随着页面大小而变动。



但是上面的方法并不能解决我的那个min-height带来的问题,上面的方法只能吧footer固定在某个位置,这个好像是相对于浏览器的绝对或者相对的位置。

如何才能让footer位于一个页面的最底端呢,由于页面的长度不固定,所以不能采取上面的方法。


参考了德问中的一个方法

通过http://www.dewen.org/q/1找到了了一个哥们的方法

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

这个方法很完美的解决了问题。这小子很不错,如果想要找他解决问题,一个小时六十dollar,我什么时候才有这样的豪情啊。加油学技术吧。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值