css - 内容 div 内的页脚( Bootstrap )

Question

我的页脚卡在内容 div 中

代码 https://jsfiddle.net/rfh7jomp/

试过 position:relative;，但在较小的页面中它不会在底部。

如果重要，请使用 Bootstrap 。

HTML 代码:

<div class="footer">
    <div class="container">
         <p>footer text</p>
    </div>
</div>

CSS 代码:

.footer
{
    position: absolute;
    clear:both;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding:3px;
    text-align:center;
    background-color:rgba(111, 111, 111, 0.65);
    border-top:1px solid #bbb;
    color:#F3F3F3;
}

Answer 1

如果您使用的是 Bootstrap 3.2.0，只需添加类 navbar-fixed-bottom给你的footer类，并删除 position: absolute;来自 .footer

演示--> https://jsfiddle.net/rfh7jomp/2/