Question

我有两页，其中一页我可以将下面的标题放在下面：

 #footer {
    position: absolute;
    bottom: 0;
 }

但是，在第二页上我有一个Bootstrap dataTable并且可以选择页面上显示的列数，如果我让页脚绝对表数据通过页脚，导致我改变CSS：

 #footer {
    position: relative;
    bottom: 0;
 }

但是在我的第一页上有第二个CSS，页脚出现在屏幕中间。我希望这两个页面始终位于屏幕的底部，并在屏幕增加时获得递归作为数据表。

我该怎么做？

Answer 1

基本上你只需设置CSS

html, body {height:100%;}

.geral {
    min-height:100%;
    position:relative;
    width:800px;
}

.footer {
    position:absolute;
    bottom:0;
    width:100%;
}

技术是说html将占据页面的100％。

查看this link中的完整说明。

Answer 2

由于您使用的是Bootstrap，为什么不将.navbar-fixed-bottom类添加到页脚。像这样：http://www.bootply.com/aCRnwLXMwN

<footer class="navbar-fixed-bottom" style="background:#999;">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <p>All you get is this text and a mostly barebones HTML document.</p>
            </div>
        </div>
    </div>
</footer>

如何设置页脚响应？

2 个答案: