CSS定位页脚和标题标记之间的距离

Question

即使我的内容较少，如何让我的页脚始终位于底部？ 减少两个标题标签之间的距离？
这里是html和css https://jsbin.com/guwugaloci/edit?html,css,output的链接
img https://s31.postimg.org/hzkef0257/image.jpg
问题显示在图像和页脚中。

Answer 1

尝试绝对定位页脚

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

Answer 2

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;