如图所示，图片之间始终存在空隙，上面是css代码，请问这是什么原因造成的？
由于图片引起的，如果把图片变成块级的就不会再有空隙了
是因为标签之间有空白字符造成的。
解决办法有很多，margin负值、font-size:0等等
具体可以看一下这篇博客，介绍的很详细。
http://www.zhangxinxu.com/wordpress/2012...
标签之间的空隙可以用注释去掉，当然这个办法很土。
一般会有2个问题引起：
使用inline-block元素包裹，导致出现几像素位移，解决办法：.box { font-size:0; }，或者 .item { float:left; }
没有元素包裹，直接图片靠着图片，也会出现几像素位移，解决办法：img { vertical-align:middle; }
两个标签之间有空白字符。删了就好了