長いテキストに固定フッターを調整する

Question

固定フッターを作成しようとしています。私はhereの例を見つけ、それを調整しました。
しかし、長いテキストには調整されていないようです。スクロールバーが表示されるように内容が十分に長い場合、コンテンツは常に上にとどまるのではなく、フッターの下を流れます。

JS：

function myFunction() { 
    if (x.className === "topnav") { 
    x.className += " responsive"; 
    } else { 
    x.className = "topnav"; 
    } 
} 

CSS：

footer div { 
    display: inline-block; 
    vertical-align: top; 
    right: 50%; 
    padding: 10px; 
} 

footer { 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100%; 
    min-height: 30px; 
    line-height: 30px; 
    vertical-align: middle; 
    background-color: #1A1A1A; 
    color: #a9a9a9; 
    border-top: 8px solid #2F2F2F; 
    padding: 10px 40px 20px; 
    font-size: 0.7em; 
    overflow: hidden; 
} 

Here is a fiddle.あなたはこれに絶対位置を変更する必要が

Answer 1

：

position:fixed; 
    bottom:0; 

ここにはfiddle