解决方案：
1.第一种方案：图块状显示;
#box img {display:block;}
2.第二种方案：父级元素定义为img的宽和高
3.第三种方案：将支持 valign 特性的对象的内容与对象底端对齐，使用此方法，同样可以解决IE6在XHTML中的图片显示效果。
img{vertical-align:bottom;}
html5 包含img的父级元素多出几像素的问题
原文：http://www.cnblogs.com/sandy-happyhour/p/4988571.html
