图片被盒子包着，div底部有空隙问题

 

 

 

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

首先想到的是给.top 加 

 margin: 0;

 padding: 0;

但是还是没有作用

百度了一下发现，这个应该和对齐方式有关，默认是父元素的基线上对齐

给图片元素的顶端与行中最低的元素的顶端对齐。

vertical-align:bottom