2013-01-22 20:40:37 在IE6、IE7中常常会遇到图片上方会产生1像素空白距离，如何解决DIV+CSS网页有的图片上方布局会产生1px间离，什么时候什么图片会出现div内img引入图片产生1px空白间距。
我们在IE6、IE7中常常会遇到图片上方会产生1像素空白距离。
通过CSS样式解决方法一：
通过CSS对图片加一个浮动属性，比如.HTML8 img{ float:left }
扩展阅读：了解css float
改变图片解决方法二：
将图片高度处理为单数（1、3、5、7单数），比如图片本身为200px高度，为了解决我们将图片PS处理成201px或199px高度。图片本身高度为202px双数在IE6和IE7浏览器中就会在图片上方产生多1px的空白距离。所以制作图片切图时候，让图片高度为单数（奇数）即可解决。
扩展阅读：
1、html img图片
2、css img图片样式控制
3、css高度
4、css hack兼容
5、css字间距
6、css背景图片