圖片下面4-5px的空白到底是怎麼來的

起因呢，是上課的時候。老師的一個div嵌套img標籤的小案例，圖片底下居然多了一塊大概4-5px的空白，讓我頓時來了興趣，咱們上圖看。 這是一張250*250px的圖片，外邊包裹了一個浮動的div，並且設置了背景爲紅色。代碼如下 因爲外邊的div並沒有定高度，而其高度是由內部的img撐起來的。且其已經浮動，寬度已經包裹着圖片，可是高度還多出來一塊5px的細條。這讓我心生疑竇，這5px是怎麼來的呢。

>>阅读原文<<