如何将页脚部分一直填充到底部

时间:2012-10-10 04:10:20

标签: html css footer

我想将我的页脚放在http://quaaoutlodge.com/drupal-7.14/test的底部,但也放在http://quaaoutlodge.com/drupal-7.14/上(它应该保持原样,在这里)所以我按照http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page上的链接找到了How do I get ‘footer’ content on a master page to push down when main content doesn't fill a page 现在的问题是,如果我将位置设置为绝对位置并将底部设置为0px,则页脚始终保持在该位置,但如果内容非常小以至于将页脚从底部抬起,我只希望这样。任何帮助表示赞赏!谢谢! 罗恩

任何? 谢谢!

2 个答案:

答案 0 :(得分:2)

你应该为这种风格设置页脚

position:fixed;
bottom:0;
left:0;
z-index:10;

和父元素集

position:relative;

最好的问候

答案 1 :(得分:1)

这就是我在每个我能想到的浏览器中实现“粘性页脚”的方法:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

希望这有帮助!