网站底部悬浮代码（包含一键拨号+首页+分类）

创新互联在开发高端网站定制的时候，由于客户需要在已经存在的网站底部加个悬浮代码，所以创新互联开个了个代码。以下是关于网站底部悬浮代码的流程及代码。

成都创新互联-专业网站定制、快速模板网站建设、高性价比抚松网站开发、企业建站全套包干低至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;

    }

}

样式这块的思路主要是，要悬浮！这个很关键，不然你设计个底部导航只能固定在网站底部，意义就不大了。有关如何让底部导航悬浮，请参考创新互联的这篇文章如何实现导航栏固定在顶部（吸顶效果）。底部导航悬浮问题解决后，主要是排版布局。

以上网站底部悬浮代码代码，经过创新互联测试，完全可以直接使用！

当前标题：网站底部悬浮代码（包含一键拨号+首页+分类）
分享网址：http://6mz.cn/article/scdigg.html