Twitter bootstrap 在引导中将页脚从屏幕上推出

Twitter bootstrap 在引导中将页脚从屏幕上推出,twitter-bootstrap,footer,Twitter Bootstrap,Footer,我正在尝试在引导中为我的页面应用程序创建页脚。我做到了,现在我的页脚在页面上看起来很棒。但当页面的全局内容越来越多,并且所有信息都不适合浏览器时,我如何隐藏页脚呢 当我要在中央块显示更多信息时,我必须在页面底部隐藏页脚。现在,页脚位于浏览器窗口底部。当前代码的问题是#wrapper没有位置:relative。因此,#页脚相对于视口是绝对定位的 html, 身体{ 身高:100%; } #包装纸{ 最小高度:100%; 位置:相对位置; } #标题{ 背景:#ededed; 填充:10px;

我正在尝试在引导中为我的页面应用程序创建页脚。我做到了,现在我的页脚在页面上看起来很棒。但当页面的全局内容越来越多,并且所有信息都不适合浏览器时,我如何隐藏页脚呢


当我要在中央块显示更多信息时,我必须在页面底部隐藏页脚。现在,页脚位于浏览器窗口底部。

当前代码的问题是
#wrapper
没有
位置:relative
。因此,
#页脚
相对于视口是绝对定位的

html,
身体{
身高:100%;
}
#包装纸{
最小高度:100%;
位置:相对位置;
}
#标题{
背景:#ededed;
填充:10px;
}
#内容{
填充底部:100px;
/*页脚元素的高度*/
}
#页脚{
位置:绝对位置;
底部:0;
高度:100px;
背景:#ededed;
宽度:100%;
}

标题
全局信息(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在底部
(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)在CSS和结果全局信息(当信息
更多,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,
页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)在CSS和结果全局信息之间划一条线(当信息更多时,页脚不隐藏。页脚
保持在窗口底部)(当信息更多时,页脚不隐藏。页脚保持在窗口底部)(当信息更多时,页脚不隐藏。页脚保持在窗口底部)(当信息更多时,页脚不隐藏。页脚保持
在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)拉CSS和结果全局信息之间的线(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当
信息更多时,页脚不隐藏。页脚保留在窗口底部)(信息更多时,页脚不隐藏。页脚保留在窗口底部)(信息更多时,页脚不隐藏。页脚保留在窗口底部)(信息更多时
更多,页脚不隐藏。页脚保留在窗口底部)在CSS和结果全局信息之间划一条线(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏)。
页脚停留在窗口底部)(当信息更多时,页脚不隐藏。页脚停留在窗口底部)(当信息更多时,页脚不隐藏。页脚停留在窗口底部)(当信息更多时,页脚不隐藏。页脚
保持在窗口底部)在CSS和结果全局信息之间划一条线(当信息更多时,页脚不隐藏。页脚保持在窗口底部)(当信息更多时,页脚不隐藏。页脚保持在窗口底部)(当
信息更多时,页脚不隐藏。页脚保留在窗口底部)(信息更多时,页脚不隐藏。页脚保留在窗口底部)(信息更多时,页脚不隐藏。页脚保留在窗口底部)拉动
CSS和结果全局信息之间的行(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏。页脚保留在窗口底部)(当信息更多时,页脚不隐藏)
隐藏。页脚停留在窗口底部)(当信息更多时,页脚不隐藏。页脚停留在窗口底部)(当信息更多时,页脚不隐藏。页脚停留在窗口底部)拉CSS和结果之间的线
页脚

提供更多信息。当我在中央块显示更多信息时,我必须将页脚隐藏在页面底部。现在,在浏览器窗口的底部显示页脚。你能为你的问题创建一个演示吗?我猜您正在使用
position:fixed
这是一个示例