我试图让页脚齐平到页面底部,但不一定是粘性的 - 只需位于底部,以防用户向下滚动。
这“有效”,但页脚出现后底部似乎有一些空白,看起来有点尴尬。有谁知道CSS将页脚刷新到底部并保持在最底部而不使其粘着的最佳方法吗?
如果您希望我发布我的 html/css,请告诉我。
网络上有很多很好的例子。
这是一个据称更新的版本:http://mystrd.at/modern-clean-css-sticky-footer/ http://mystrd.at/modern-clean-css-sticky-footer/;我对此没有任何经验。
这是已经存在很长时间并且被很多人使用的经典版本:
http://www.cssstickyfooter.com/html-code.html https://web.archive.org/web/20141018105554/http://www.cssstickyfooter.com:80/(回溯机存档)
这是我自己对第二个链接稍作编辑的版本,我很幸运。
/* Sticky Footer Stuff
*/
html,body { height: 100%; }
#sticky-wrap { min-height: 100%; }
.footer {
height: 160px;
margin-top: -160px;
}
/* end sticky footer stuff
*/
<div class="wrapper" id="sticky-wrap">
<div class="content-area”>
</div>
</div>
<footer>
</footer>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)