怎么在HTML5中将footer置于页面底部

怎么在HTML5中将footer置于页面底部？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

JavaScript:

<script type="text/javascript">    $(function(){        function footerPosition(){            $("footer").removeClass("fixed-bottom");                //网页正文全文高度                var contentHeight = document.body.scrollHeight,                //可视窗口高度，不包括浏览器顶部工具栏                winHeight = window.innerHeight;            if(!(contentHeight > winHeight)){                //当网页正文高度小于可视窗口高度时，为footer添加类fixed-bottom                $("footer").addClass("fixed-bottom");            } else {                $("footer").removeClass("fixed-bottom");            }        }        footerPosition();        $(window).resize(footerPosition);    });</script>

CSS:

.fixed-bottom {    position: fixed;    bottom: 0;    width:100%;}

关于怎么在HTML5中将footer置于页面底部问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注编程网行业资讯频道了解更多相关知识。