div标签里的img底部多出了4个像素

今天在做前端开发的时候，在一个div块里面放了一个图片，图片下面有内容，可以不管怎么调试，在火狐浏览器，IE6下。图片img底部多出了4个像素,效果如下图


下面是我给出的解决办法
解决办法：给div标签加上overflow:hidden属性，同时给img标签加上vertical-align:top属性。

1. .prolist1  {width:142px; overflow:hidden;}  
2. .prolist1 img{ width:140px; height:128px; border:1px solid #EAEAEA;vertical-align:top;} 

这样就完美解决了

给个赞吧，本文由程序员人生网编辑发布