【问题标题】:how do I fill a footer section all the way to the bottom如何将页脚部分一直填充到底部
【发布时间】:2012-10-11 11:22:27
【问题描述】:

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

有人吗? 谢谢!

【问题讨论】:

  • 您是否考虑过为包含您的内容的 div 设置一个最小高度?您可以使用 javascript 在页面加载和页面调整大小时获取窗口的高度,然后减去页脚和页眉的高度。

标签: html css footer


【解决方案1】:

你应该为页脚设置这种样式

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

对于父元素集

position:relative;

最好的问候

【讨论】:

【解决方案2】:

这就是我如何完成一个“粘滞页脚”,它适用于我能想到的所有浏览器:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

希望这会有所帮助!

【讨论】:

  • 这是一个很好的解决方案,看起来像。我唯一关心的是non-semantic.pushdiv。这通常是一个小问题,但看看是否存在完整的语义版本会很有趣。
猜你喜欢
  • 2012-09-16
  • 2013-09-12
  • 2021-07-31
  • 2016-04-12
  • 2020-06-17
  • 1970-01-01
  • 2012-04-02
  • 2019-08-10
相关资源
最近更新 更多