CSSのフッターとヘッダータグ間の距離

Question

内容が少なくてもフッターを常に下に維持する方法は？ 2つの見出しタグ間の距離を短くしますか？ここ
は問題は画像にし、フッターに示されているHTMLとCSS https://jsbin.com/guwugaloci/edit?html,css,output
IMGへのリンクhttps://s31.postimg.org/hzkef0257/image.jpg
です。

Answer 1

はhttp://stackoverflow.com/help/（[依頼方法】適切にあなたのコードが含まれており、確認してください絶対にStackOverflowにフッター

.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>