如果缩放,容器 div 中的内容会与固定的页脚一起粉碎。如果我在中心的表格中添加更多行,页脚不会在页面上向下移动,它会一起粉碎。
导航栏和页脚之间似乎有固定数量的像素 - 我希望页面可以根据需要展开,并且页脚始终位于底部。
我试过 class="container-fluid" 和 class="row fluid" 都没有解决这个问题。我还用 Google 搜索并广泛搜索了 stackoverflow,但找不到解决方案。
谢谢。
如果缩放,容器 div 中的内容会与固定的页脚一起粉碎。如果我在中心的表格中添加更多行,页脚不会在页面上向下移动,它会一起粉碎。
导航栏和页脚之间似乎有固定数量的像素 - 我希望页面可以根据需要展开,并且页脚始终位于底部。
我试过 class="container-fluid" 和 class="row fluid" 都没有解决这个问题。我还用 Google 搜索并广泛搜索了 stackoverflow,但找不到解决方案。
谢谢。
移到<div id="footer">
内<div class="container">
,就在div
桌子的后面。另外,删除<div class="container">
页脚内的那个,没有必要。
结果应该类似于图像:
编辑:另外,如果你想让你的页脚有粘性,你可以使用CSS-tricks中的这个技巧。
#footer {
position:fixed;
left:0px;
bottom:0px;
height:50px;
width:100%;
background:#999;
}
并记得margin-bottom
从表中增加。