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

来源:互联网 发布:淘宝免费模板 编辑:程序博客网 时间:2024/05/22 07:52

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,我什么时候才有这样的豪情啊。加油学技术吧。


0 0
原创粉丝点击