图片下面4-5px的空白到底是怎么来的

起因呢，是上课的时候。老师的一个div嵌套img标签的小案例，图片底下居然多了一块大概4-5px的空白，让我顿时来了兴趣，咱们上图看。 这是一张250*250px的图片，外边包裹了一个浮动的div，并且设置了背景为红色。代码如下 因为外边的div并没有定高度，而其高度是由内部的img撑起来的。且其已经浮动，宽度已经包裹着图片，可是高度还多出来一块5px的细条。这让我心生疑窦，这5px是怎么来的呢。

>>阅读原文<<