一般我们在做项目的时候会做出这样的效果：

这样的效果在chrom下是没有问题的，但是ie6下会出来一个经典的bug就是图片和下面会有空隙类似这样：

其实解决这个问题的方法很简单：第一种，只需要给img加上display：block属性即可。或者给 li 加上 overflow:hidden; 或者给父级元素ul加上font-size：0；最后一种是设置 img 的 vertical-align 的值为 top/middle/bottom。

本文由免费oa系统78oa原创，转载请注明出处。