a是父元素，img是子元素，a标签底部总是多几px的高度

问题：

<style type="text/css"> 
a {border: 1px solid red;}
</style> 

<a href="javascript:void(0)"><img src="img.jpg" /></a>

解决：

<style type="text/css"> 
a {border: 1px solid red;}
img {vertical-align: bottom;}
</style> 

<a href="javascript:void(0)"><img src="img.jpg" /></a>

把图片设置成底部对齐就可以了