这个空隙怎么来的呢？是字体的高度影响，即使你没有字体，也有幽灵标签（行级空白）。以字母x为例，我们通常认为的是图片底部与字体底部对齐，其实不是，其对齐的是字母x的底部，而字母x下面还有部分高度，而图片属于非字体，所以就造成了底部空隙。
解决方案有2种。
1 父元素设置font-size:0,其原因是因为line-height的影响，因为此时的行高为fontsize*1,设置为没有行高，line-height:0,或者font-size:0 就不会产生底部字体高度。
2 你也可以通过另一种方案，因为这个问题是行内元素导致的，你只要将img设置为块级，就可以解决这个问题，当然这种解决方案其实不好用，因为我们一般不太能保证不放其他元素，而且真的大多数情况下，图片不会作为块级显示。
绿色标签那有个空隙！！