01.<!DOCTYPE html> 02.<html> 03.<head> 04.<meta charset="utf-8" /> 05.<title>div img空白bug</title> 06.<style> 07.body{ 08. margin:0; 09. padding:0; 10.} 11.div{ 12. background:#000; 13.} 14.img{ 15. display:block; 16.} 17.</style> 18.</head> 19. 20.<body> 21.<div><img src="http://hi.csdn.net/attachment/201108/1/0_13121966060Q17.gif" width="100" height="100" /></div> 22.</body> 23.</html>
在div的底部，和img边缘之间有空白，IE8 firefox chrome safari 均有，IE6 IE7 没有，解决办法就是给img设置display:block
来源：https://www.cnblogs.com/radphp/archive/2013/04/20/3032678.html