楼主所贴的代码看着挺累的！
你所说的空隙是因为ul标签的默认margin值造成的，设它为0即可；
这里需要标签重置，一般这样：
*{margin:0;padding:0;}
此处你可加入这样的css样式：
body,div,ul,li{margin:0;padding:0;}
您好，由于没有您的图片，所以大概是效果不知道是什么样子，要解决空隙，希望您能尝试一下在CSS代码里面加入*｛padding:0;margin:0;｝
看看是否能解决您的问题
如果不行，大概效果什么样子的，你追问一下，继续为您解答~
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ号：24596024