实现农业小程序遇到的问题(二):fixed导致的遮盖问题和img不居中的问题

1. fixed导致的遮盖问题:copy一个等高的盒子把那片盖住

把整个要使用 position:fixed; 的盒子，用另一个盒子包起来
比如说我有一个头部区域，需要固定

 <div class="head">
            <span class="iconfont icon-shouyeshouye"></span>
            <h1>演出列表</h1>
        </div>
.head{
    width: 100%;
    height: 55px;
    position: fixed;
}

这时候再向下写内容就会被头部遮住一部分，因为整个头部的高度为 55px ，所以用一个盒子把整个头部包起来，设置等高，就可以解决了

 <div class="box">
        <div class="head">
            <span class="iconfont icon-shouyeshouye"></span>
            <h1>演出列表</h1>
        </div>
    </div>
.box{
    height: 55px;
}

2.img不居中的问题

a.div套太多层了，父div已经在左上角了，你再怎么搞也没用

b.在父div里写 

text-align:center;
vertical-align: middle;


display: table-cell;//这个必须的，上面的看着办