关于img标签图片撑开DIV的边框溢出解决办法

问题阐述

在独立的img元素套用div作为父级元素时，常规思维认为div边框=img边框，但是却意外会发现div边框多了4px左右的像素，先看图：

分析原因：

img属于行内元素，在结束的时候，会在末尾加上一个空白符，而空白符默认会有行高的，所以会自动将div撑开4px.

解决方案：

我总结了两种常用的解决方案：

1.设置行高的方法

2.使用块级元素