如图
<div> <a href="">
<img src="" />或者 <img src="" />
<div> </a>
解决办法:
方法一:
div{ a{
font-size:0;或者 font-size:0;
} }
方法二:
img{
display:block;
}
总结:img和a都是内联元素,内联元素默认放在基线上的。所以需要注意这一点,不然可能会出现问题 ,那时候你永远也不会想到是这里的问题。