div和img 下面有距离

image.png

解决方法一：
定义图片的vertical-align:bottom;middle;text-top;top;

解决方法二：
定义容器的font-size:0

原因：
行内元素(inline)默认和父元素的baseline对齐

baseline：
元素的基线

image.png

参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align