即使页面内容非常小，如何添加始终位于屏幕底部的页脚
例如，假设我有一个页面没有显示太多内容，因此页脚位于屏幕中间。我能否确保如果页面内容不多，则页脚位于屏幕底部？
UPDATE
我只想要一个位于屏幕底部的页脚，当没有足够的内容来填充整个屏幕时（即我不希望页脚显示在屏幕中间），然后如果有足够的内容它只是下降到页面底部。
您正在寻找“粘性页脚”，本文展示了您可以使用的一些技术：
- https://css-tricks.com/ Couple-takes-sticky-footer/ https://css-tricks.com/couple-takes-sticky-footer/
这是弹性盒版本：http://codepen.io/chriscoyier/pen/RRbKrL http://codepen.io/chriscoyier/pen/RRbKrL
HTML:
<body>
<div class="content">
content
</div>
<footer class="footer"></footer>
</body>
CSS:
html {
height: 100%;
}
body {
min-height: 100%;
display: flex;
flex-direction: column;
}
.content {
flex: 1;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
