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

-2

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

来源

2016-07-26 nikku

欢迎定位页脚的StackOverflow请包括适当的代码和审查[如何提问]（http://stackoverflow.com/help/如何提问）来改善问题的质量。 – hungerstar

尝试绝对

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

来源

2016-07-26 18:44:03 Hodrobond

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

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

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

来源

2016-07-26 18:45:09

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

回答

相关问题