谁知道用bootstrap 怎么将在高度不够的时候 footer一栏仍会在最底部
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谁知道用bootstrap 怎么将在高度不够的时候 footer一栏仍会在最底部相关的知识,希望对你有一定的参考价值。
参考技术A 你把 container 设置一个最小高度就ok了 min-height 参考技术B class="navbar-fixed-bottom" 记得给你的body设置padding-bottom:70px;vue移动端高度自适应 100vh不够
参考技术A 有时候会使用100vh,刚进入页面时是合适的,但是若果页面高度是动态添加的,那么当页面实际高度超过100vh的时候,100vh的高度设置就不够了。例如:
↑此时外部容器为100vh 刚好合适
↑但是我添加步骤 高度超过100vh 就不够了
解决办法:
在app.vue中设置
#app
height: 100%;
html,body
height: 100%;
在你要适配的页面,将父容器的高度设为:
如果你的背景是一张图片,那么就这样:
#home
width: 100%;
height: 100%;
overflow: scroll;
background-color: rgb(26, 28, 35);
background-image: url("../assets/bg.png");
background-size: 100%;
以上是关于谁知道用bootstrap 怎么将在高度不够的时候 footer一栏仍会在最底部的主要内容,如果未能解决你的问题,请参考以下文章
谁知道怎么用c++实现c/s远程关机命令,需要在下面的代码中添加啥