CSS-Positionierungsfußzeile und Abstand zwischen den Kopfzeilen-Tags

Question

Wie halte ich meine Fußzeile immer unten, auch wenn mein Inhalt weniger ist? Verringern Sie den Abstand zwischen zwei Überschrift-Tags?
hier ist Link und CSS in HTML https://jsbin.com/guwugaloci/edit?html,css,output
img https://s31.postimg.org/hzkef0257/image.jpg
das Problem wird in dem Bild und mit der Fußzeile angezeigt.

Answer 1

versuchen absolut das

.footer{ 
    position: absolute; 
    bottom: 0; 
} 

Answer 2

header{ 
 
    height:84px; 
 
} 
 
section{ 
 
    height:100%; 
 
} 
 

 
footer{ 
 
    height:84px; 
 
    position:absolute; 
 
    bottom:0; 
 
}

<header> 
 
    Header 
 
</header> 
 
<section> 
 
    Content 
 
<footer> 
 
    Footer 
 
</footer>