Footer внутри содержимого DIV (самозагрузки)

Question

Моей сноску застревает в DIV контента

Код https://jsfiddle.net/rfh7jomp/

Попробованной положение: относительная ;, но тогда он не будет в нижней части на меньших страницах ,

Использование бутстрапа, если это имеет значение.

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

demo ->https://jsfiddle.net/rfh7jomp/2/