div内置img元素，底部总有间距

div内置img元素，底部总有间距

用一个div包裹一个img，会出现img不能完全覆盖div空间，总会在底边留下一点空隙。

解决方法：

1. div设置font-size: 0或line-height: 0，进而行高为0； 不推荐使用
2. img设置 vertical-align: top 或者 middle/，使其不再以默认基线为对齐方式；
3. img设置 display:block，使其变成块级元素。