긴 텍스트로 고정 꼬리말 조정

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