Липкий нижний колонтитул в ember js

Question

У меня есть приложение emberjs, и я попытался создать липкий нижний колонтитул.

Мой HTML:

<div class="main-container" id=""> 
    <header> HEADER </header> 

    <div class="container"> 
    {{outlet}} 
    </div> 

    <footer> 
    footer text 
    </footer> 
</div> 

CSS-:

.ember-view { 
    height: 100%; 
} 

.main-container { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -40px; 
} 

footer { 
    clear: both; 
    line-height: 40px; 
    width: 100%; 
} 

По неизвестной причине сноска еще не прилипает к дну.

Любая идея?

Большого спасибо :)

Answer 1

В вашем CSS вы должны добавить следующие свойства футера

footer { 
position: fixed; 
bottom: 0; 
}