div中包含img标签，下方出现空白

问题原因：
img标签为行内元素(inline)，默认对其方式为vertical-align: baseline(基线对齐)

四种解决方法：
1.将img设置为block,这样就不再受行内基线的影响。
2.设置img的竖直对齐方式v-align:bottom。
3.设置父div的font-size,需要一个较大的值，原理未知。
4.设置外层的div的line-height:0,这样基线下方的位置基本可以忽略。