看了一下视图是 .top 这个盒子多出来的空隙

首先想到的是给.top 加 

 margin: 0;  padding: 0; 但是还是没有作用 百度了一下发现，这个应该和对齐方式有关，默认是父元素的基线上对齐 给图片元素的顶端与行中最低的元素的顶端对齐。 vertical-align:bottom