フッタはFirefoxの一番下には残っていません

Question

フッタは底に留まりますが、修正されていませんが、Firefoxでは動作しません。

.Links { 
 
    position: absolute; 
 
    right: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
    background-color: #E48A4B; 
 
    text-align: center; 
 
    text-decoration: none; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 
<footer> 
 
    <div class="Links"> 
 
    <a href="https://codepen.io/mexO/"> 
 
     <i class="fa fa-codepen fa-2x" aria-hidden="true"></i> 
 

 
    </a> 
 
    <a href="https://jsfiddle.net/user/mexO/fiddles/"> 
 
     <i class="fa fa-jsfiddle fa-2x" aria-hidden="true"></i> 
 
    </a> 
 
    <a href="https://twitter.com/MaxJordanNet"> 
 
     <i class="fa fa-twitter fa-2x" aria-hidden="true"></i> 
 
    </a> 
 
    <a href="https://github.com/mexOcode"> 
 
     <i class="fa fa-github fa-2x" aria-hidden="true"></i> 
 
    </a> 
 
    <a href="updates.html"> 
 
     <i class="updatesButton fa fa-plus-circle fa-2x" aria-hidden="true"></i> 
 
    </a> 
 

 

 
    </div> 
 
</footer>

今では私はCSSで固定への絶対変更した場合しかし、私が欲しいものではありませんページ、上、常にそれを作ることで動作します。 FireFoxとは別にテストした他のすべてのブラウザで動作します。

また、私はすでに見つけられた唯一の解決策を使用して試しました。clear：both;でも、それはうまくいきませんでした。

編集：私の貧弱な表現は、混乱する人々です。自分用参照してクロムにmaxjordan.netする

行くが、私はそれがこの

https://gyazo.com/b81099b69c43367769a46b321b327440 に見えるようにしたい（ちょうど私がそれをしたい位置thatsの知っている、ホームページ上の壊れたフッターを無視します。）

しかしFirefoxの上で、それは次のようになります。

https://gyazo.com/58a4e7a24a8e365aba2918d2aa4c8525

Answer 1

EDIT：

私は、あなたが探していることはここにあると信じて：

Footer at bottom of page or content, whichever is lower

フッターが下に固定保持する場合 - でも、コンテンツのスクロールで - fixedにabsoluteからpositionを変更します。

ここJSFiddle：https://jsfiddle.net/iamjpg/rz2ddzx6/

.Links { 
    position: fixed; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background-color: #E48A4B; 
    text-align: center; 
    text-decoration: none; 
} 

Answer 2

は絶対の代わりに固定された位置をキープ。

Answer 3

フッタータグ底を置くだけで、絶対と削除位置、HTML