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的工作方式这可能是个问题。你是个天才。这是命令。我决定在页脚前加一行,给内容留出空间,因为它被覆盖了。问题已解决:)我已将有效解决方案添加到原始答案中。很高兴我能帮上忙:)可能的重复