【问题标题】:HTML / CSS: How to make the content follow the footer?HTML / CSS:如何使内容跟随页脚?
【发布时间】:2010-07-13 04:10:39
【问题描述】:

我的问题是我需要一个始终位于底部的页脚,即使页面滚动等等。但我不知道如何使内容跟随页脚。

请看给出的例子,这是一个非常相似的布局,我也有一个侧边栏,但是你可以用 firebug 或类似的东西看到body div 没有跟在页脚后面。


示例: Click for demo

【问题讨论】:

  • 您在问题中所说的和您在回应 rockinthesixstring 时所说的话似乎是两件不同的事情。从您上面的问题来看,听起来在源代码中您希望内容部分跟随页脚。在您给出的响应中,听起来您希望页脚一直停留在屏幕底部,直到页面到达末尾,然后跟随内容的底部。所以我的问题是,您真的想要实现其中的哪一个或第三个选项?

标签: css layout html liquid-layout


【解决方案1】:

【讨论】:

  • 内容还是一样,问题不在于页脚,而在于内容部分,我不想在内容和页脚之间有空白区域。
  • 那么对不起,我没有关注。如果您的页脚只是在内容的底部而不粘在页面的底部,那么只需在内容 div 之后实现一个页脚 div ......这应该不难。更难的选择是始终将页脚固定在页面底部。
  • 我同时需要两者。
  • 这两个选项都不可能。默认情况下,页脚将跟随内容。或者使用一些技巧,比如粘页脚选项,它会一直粘在正文的底部。
  • 我不同意海恩斯先生的观点。使用 javascript,如果内容 not 到达其末尾,则可以将其设置为保持固定在底部,并且当它到达其末尾时,“释放”页脚以跟随页面上的内容。编码需要一些工作,我不确定它是否会增加价值(似乎将页脚留在屏幕底部会很好),但是,这不是我的决定,但无论是谁设计网站。
【解决方案2】:

您可以使用Javascript + CSS

使用 CSS 您可以将页脚放在页面底部,使用 javascript 您可以指定页面的高度并修改内容的高度。

【讨论】:

    【解决方案3】:

    我之前回答过一个类似的问题,你可能想看看:

    Div at bottom of window and adaptable height div

    【讨论】:

      猜你喜欢
      • 2011-03-12
      • 1970-01-01
      • 2017-11-28
      • 2010-09-27
      • 1970-01-01
      • 2019-11-20
      • 2017-05-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多