Twitter bootstrap 如何使页脚停留在底部引导工作室

Twitter bootstrap 如何使页脚停留在底部引导工作室,twitter-bootstrap,Twitter Bootstrap,我已经在模板中插入了一个预先制作的页脚。页脚通常位于块内。然而,最令人恼火的是,当内容很少时,页脚会出现,但当内容很多时,页脚会留在底部。我如何让它保持在底部 .footer-basic { background:#262324; bottom:0; width:100%; position:fixed; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:borde

我已经在模板中插入了一个预先制作的页脚。页脚通常位于块内。然而,最令人恼火的是,当内容很少时,页脚会出现,但当内容很多时,页脚会留在底部。我如何让它保持在底部

.footer-basic {
  background:#262324;
  bottom:0;
  width:100%;
  position:fixed;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

body {
  font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.42857143;
  color:#666666;
  background-color:#ffffff;
}

html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

html {
  font-size:10px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

以页脚元素为目标并使

 position:fixed;
 bottom: 0;
请确保遵守此订单。这一点非常重要,因为CSS是级联的,如果之前未定义位置,则不会读取
底部:0


然后使容器的最小高度为100vh。

以页脚元素为目标,并使

 position:fixed;
 bottom: 0;
请确保遵守此订单。这一点非常重要,因为CSS是级联的,如果之前未定义位置,则不会读取
底部:0


然后使容器的最小高度为100vh。

将其添加到车身对我有效:
显示:网格;网格模板行:1fr自动

将其添加到正文中对我有效:
显示:网格;网格模板行:1fr自动

好了。上传!尝试将
min height:100vh
添加到body元素。重新排列
.footer basic
样式中项目的顺序,使
底部
位于
位置
之后,因为CSS的工作方式这可能是个问题。你是个天才。这是命令。我决定在页脚前加一行,给内容留出空间,因为它被覆盖了。问题已解决:)我已将有效解决方案添加到原始答案中。很高兴我能帮忙:)给你。上传!尝试将
min height:100vh
添加到body元素。重新排列
.footer basic
样式中项目的顺序,使
底部
位于
位置
之后,因为CSS的工作方式这可能是个问题。你是个天才。这是命令。我决定在页脚前加一行,给内容留出空间,因为它被覆盖了。问题已解决:)我已将有效解决方案添加到原始答案中。很高兴我能帮上忙:)可能的重复