css始终将footer固定在底部的方法-创新互联

本篇文章和大家了解一下css始终将footer固定在底部的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

目前成都创新互联已为近1000家的企业提供了网站建设、域名、雅安服务器托管、网站托管、企业网站设计、临汾网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

css始终将footer固定在底部的方法

目标：

把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
 
<!-- css -->
<style>
#demo{
 position: fixed;
    left: 0px;
    bottom: 0px;
   width: 100%;
    height: 50px;
    background-color: #eee;
    z-index: 9999;
}
</style>
 
</head>
<body>
<footer id="demo">我是footer</footer>
</body>
</html>

以上就是css始终将footer固定在底部的方法的详细内容了，看完之后是否有所收获呢？如果想了解更多相关内容，欢迎来创新互联行业资讯！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页题目：css始终将footer固定在底部的方法-创新互联
当前网址：https://www.cdcxhl.com/article46/cssieg.html

成都网站建设公司_创新互联，为您提供品牌网站建设、标签优化、外贸建站、网站制作、微信小程序、服务器托管

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容