html图片在盒子中下方可能产生间隙,Inline属性导致

方法一：将img设置为block；  display：block；


     方法二：设置img的竖直对齐；   vertical-align: bottom;
     
     方法三：设置父级div的font-size:0;


     方法四：设置外层div的行高；  line-height:0px;


     方法五:  定位    父级：position:relative;  


                    子级：position:absolute;top:0;