关于 img 父容器比img图片要多4个像素的问题

问题背景：

<div>
    <img src="" />
</div>

图片和div 的宽度相同，div的高度等于图片的高度

 结果发现div的高度 总是要比img多4px

原因： img 是行内元素，由于基线的问题导致的

解决办法：

1.img 设置为block级元素

2.img vertical-align设置为top