スティッキーフッタが動作していません

Question

私のモバイルUI用の固定フッタが必要です。 （固定ではない）私は研究を行い、これらのコードで遊んだ。

メインのdiv

.pulic-profile-score { 
    text-align: center; 
    background-color: #2ba08e; 
    padding: 15px; 
    color: white; 
    bottom: 0; 
    position: absolute; 
} 

あなたはそれがページの下部に滞在していない見ることができるように

.public-profile { 
    background-color: #30b29e; 
    max-width: 460px; 
    margin: 0 auto; 
    position: relative; 
    height: 100%; 
} 

フッター。これは、メインの下部領域に配置され、空白領域を示しています。よくわかりません。私はすでにメインディビジョンに100％の高さを与えましたが、ページの最下部には載っていません。固定に変更すると、フッターとコンテンツ領域の間に白い隙間ができます。私はここで何が欠けていますか？

Answer 1

試行分の高さ：100％。 .publicプロファイル

Answer 2

に、あなたはあなたがposition:stickyを使用しますが、それは現在のsupportだのに注意することができfixed

Answer 3

にabsoluteから位置を変更する必要があります。それをチェックしてくださいhere。このクラスでは

Answer 4

は、これらの

.pulic-profile-score { 
position: fixed; 
min-height:10%;// 10% of the main Div 
}