<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div img空白bug</title>
<style>
body{
margin:0;
padding:0;
}
div{
background:#000;
}
img{
display:block;
}
</style>
</head>
<body>
<div><img src="http://hi.csdn.net/attachment/201108/1/0_13121966060Q17.gif" width="100" height="100" /></div>
</body>
</html>
在div的底部,和img边缘之间有空白,IE8 firefox chrome safari 均有,IE6 IE7 没有,解决办法就是给img设置display:block