wrap中，为什么要把margin-top设置为-300px
为了让warp 垂直居中，因为他先用定位设置了一个top:50%; 这样的话这个图片就会下降到50%的调度，也就是warp 的上边沿正好在他原来的中线上，这时就偏下了，因为warp的高度是600，这600应该在上下部分各占一半，也就是300px，但是因为top:50%, 所以这600全到了下边，想居中就得往上移动300，这样才能保证上下部分各300，所以就有了 margin-top:-300px