如果將一個img放在div里面，你會發現在img下面無端端的就多出3px的空白出來。padding、margin、border都設為0，無效！那么怎么解決這個問題呢？

問題圖：

解決后的效果：

這個Bug真是十分有意思，不過有N多種解決辦法！

1、設置div{ font-size: 0}

2、設置img{ display: block}

3、設置img{ vertical-align:top;}

當然推薦第二種方法，讓img對象成為塊級元素。