欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

在手机上 position:absolute 或者 position:fixed 绝对定位 或 固定定位居中的一种方法 有大用

下面是html
<div class="bottom" id="bottom">
    <div class="bottominner">
        <ul class="bottomul clearfix">
            <li><img src="/templets/wap/images/foot_dhzx.png" alt="">
                <p><a href="">电话咨询</a></p></li>
            <li><img src="/templets/wap/images/foot_zxzx.png" alt="">
                <p><a href="">在线咨询</a></p></li>
            <li><img src="/templets/wap/images/foot_wxgz.png" alt="">
                <p><a href="">微信关注</a></p></li>
            <li><img src="/templets/wap/images/foot_qqzx.png" alt="">
                <p><a href="">QQ咨询</a></p></li>
        </ul>
    </div>
</div>


下面是css
<style>
#bottom {
  1. positionfixed;
  2. width100%;
  3. left0;
  4. bottom0;
  5. z-index20;
}
.bottominner {
  1. max-width480px;
  2. min-width320px;
  3. margin0px auto;
  4. background#35aa68;
  5. text-aligncenter;
  6. padding-top8px;
  7. padding-bottom8px;
}
.bottomul li {
  1. floatleft;
  2. width25%;
}
.bottomul li a {
  1. color#ffffff;
}
</style>

普通分类: