【问题标题】:Fixed div at the bottom固定 div 在底部
【发布时间】:2013-12-25 04:03:09
【问题描述】:

我正在学习 HTML 和 CSS,但遇到了问题。 我的页面已经建立:页眉、一些块、页脚。很简单,我是初学者。 我希望页脚保持固定在底部,直到它达到位于最后一个块下方 50px 的限制(如果我们缩放视口)。那么它应该像普通方块一样呆在那里......但我不知道如何让它发生!

你能帮帮我吗?

顺便说一句,我会说法语:如果有什么不清楚的地方,请告诉我,我会尽力解释。

提前感谢您的帮助, 阿德里安。

【问题讨论】:

  • 你能用你已经拥有的东西创建一个 jsFiddle 吗?您可能会从中受益,因为您得到的答案将 (1) 更快,(b) 更准确,并且 (3) 您将能够更轻松地将解决方案应用于您的实际编码环境。
  • 这样的? cssstickyfooter.com
  • 其实,是的!非常感谢!

标签: html footer viewport fixed


【解决方案1】:

有很多不同的方法可以用纯 CSS 来处理这个问题。

首先,Twitter Bootstrap 有一个很好的方法来做到这一点。 Link is here

或者你可以使用 CSS Sticky Footer See here

关键是在主容器中创建一个负的底部边距,使用您希望页脚的确切高度。

我希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 2023-01-21
    • 1970-01-01
    • 2011-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-05
    相关资源
    最近更新 更多