在网页布局中可能会遇到这样的问题，那就是在图片的下面会出现空白，这种现象会在IE6浏览器中出现，不过在firebox下也有可能会出现，解决方案有四种
-
将<img>转换为块级元素, { display:block ;}
-
使用vertical-align属性来实现此效果，{ vertical-align:top }
-
将图片的父元素的字体大小设置为0也可以实现此效果，{ font-size:0; }
-
为父元素添加overflow:hidden属性
标签：
在网页布局中可能会遇到这样的问题，那就是在图片的下面会出现空白，这种现象会在IE6浏览器中出现，不过在firebox下也有可能会出现，解决方案有四种
将<img>转换为块级元素, { display:block ;}
使用vertical-align属性来实现此效果，{ vertical-align:top }
将图片的父元素的字体大小设置为0也可以实现此效果，{ font-size:0; }
为父元素添加overflow:hidden属性
标签：
原文地址：http://www.cnblogs.com/liangcheng11/p/5112744.html
