包含在div内的图片不能与div的位置吻合

下图是div的实际位置

---

下图是图片的实际位置

---

显然图片的位置并不是我们所期待的。我们想让图片与div的位置吻合。原因在于img标签需要转成块级标签
具体深层次的原因我也不太清楚下面是解决办法

// A.将没有吻合的img标签设置块元素
img{display:block;}

// B.或者把图片所在的父容器设置如下代码
father-div{font-size:0;}