【问题标题】:Bootstrap 100% height (content so footer sticks to bottom) [duplicate]Bootstrap 100%高度(内容使页脚粘在底部)[重复]
【发布时间】:2017-06-29 22:25:40
【问题描述】:

如果内容没有填满页面,如何强制页脚“拥抱”页面底部?

我尝试了各种 100% 高度/最大高度 div 的组合,但无法让页脚打球...

网站:moorparksdevon.uk

【问题讨论】:

  • 请将相关代码 sn-ps 连同您的问题一起发布。
  • 如何为整个网站发布相关代码sn-ps?我不完全确定哪一部分应该有 CSS,因此提供了 URL。
  • 您不会为整个网站发布代码。您创建一个 MCVE:stackoverflow.com/help/mcve

标签: html css twitter-bootstrap footer


【解决方案1】:

当您使用 twitter-bootstrap 时,这可能是一种解决方案。将以下内容添加到您的页脚 div --- <div class="footer navbar-fixed-bottom">

将此CSS添加到您的页面---

html,body{
height: 100%
}

以上几点可以解决您的问题,记住您无法提供完整的代码。

【讨论】:

    猜你喜欢
    • 2015-01-30
    • 1970-01-01
    • 2015-05-12
    • 1970-01-01
    • 2014-02-13
    • 1970-01-01
    • 2012-04-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多