13518219792
创新互联在开发高端网站定制的时候，由于客户需要在已经存在的网站底部加个悬浮代码，所以创新互联开个了个代码。以下是关于网站底部悬浮代码的流程及代码。
成都创新互联-专业网站定制、快速模板网站建设、高性价比抚松网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式抚松网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖抚松地区。费用合理售后完善，十载实体公司更值得信赖。
网站底部悬浮代码的流程是：
1、底部设计一行三列或者四列的正方形，每个正方形里面包含了一键拨号、首页、分类等等。
代码如下：
2、编写关于这一行的样式
.footnav{
display: none;
}
@media (max-width: 460px){
.footnav{
display:block;;
height: 70px;
width: 100%;
position: relative;
z-index: 999;
}
.foot_nav{
position: fixed;
bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
background-color: #000000;
}
.foot_nav_c{
width: 25%;
height: 50px;
padding-top: 5px;
color: #ffffff;
text-align: center;
}
.foot_nav_c a{
color: #ffffff;
}
}
样式这块的思路主要是，要悬浮！这个很关键，不然你设计个底部导航只能固定在网站底部，意义就不大了。有关如何让底部导航悬浮，请参考创新互联的这篇文章如何实现导航栏固定在顶部（吸顶效果）。底部导航悬浮问题解决后，主要是排版布局。
以上网站底部悬浮代码代码，经过创新互联测试，完全可以直接使用！
