<!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
3029
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
