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