加上position: fixed;挡住下面内容怎么解决

没加

.header{
    height: 88px;
    width: 100%;
    background: #FFFFFF;
}

加了以后

用z-index定义层次

下面盒子设置margin-top:上面盒子的高度；

加margin-top吧

平时遇到这种问题尽量使用padding，因为margin会产生外边距重叠的情况，padding则不会产生这种问题，所以给下面内容区域设置
padding-top:88px;