您的位置：首页 > 其它

div包裹img，底部一小段空白bug

2011-08-01 20:48 441 查看 
<!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

 

 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  div safari firefox chrome ie
相关文章推荐
新的分享
章节导航