如果將一個(gè)img放在div里面，你會(huì)發(fā)現(xiàn)在img下面無(wú)端端的就多出3px的空白出來(lái)。padding、margin、border都設(shè)為0，無(wú)效！那么怎么解決這個(gè)問(wèn)題呢？
問(wèn)題圖：
解決后的效果：
這個(gè)Bug真是十分有意思，不過(guò)有N多種解決辦法！
1、設(shè)置div{ font-size: 0}
2、設(shè)置img{ display: block}
3、設(shè)置img{ vertical-align:top;}
當(dāng)然推薦第二種方法，讓img對(duì)象成為塊級(jí)元素。