固定footer的代码

<!--HTML-->

<div class="content"></div>

<div id="footer">
<ul class="footer_box">
<li><a href="index.html"><span class="footer_img"><img src="img/首页-2.png" alt="" /></span><span class="footer_font">首页</span></a></li>
<li><a href="TryCenter.html"><span class="footer_img"><img src="img/试戴-1.png" alt="" /></span><span class="footer_font curr_font">试戴实验室</span></a></li>
<li><a href="share.html"><span class="footer_img"><img src="img/分享-2.png" alt="" /></span><span class="footer_font">分享</span></a></li>
<li><a href="My.html"><span class="footer_img"><img src="img/我-2.png" alt="" /></span><span class="footer_font">我</span></a></li>
</ul>
</div>

 

 

<!--CSS样式-->

.content {
padding-bottom: 49px;
}

#footer {
width: 100%;
height: 49px;
position: fixed;
bottom: 0px;
z-index: 999;
background: #FFFFFF;
}

转载于:https://www.cnblogs.com/cxylpf/p/5033258.html