消除淘宝店铺自定义模块之间的 10px~20px 间隙教程

我们可能在装修旺铺的时候会出现一个常见的问题，就是自定义模块的时候会出现间隙，而这个空白的间隙可能就造成了整体的不美观，那么我们如何去除自定义模块的空白间隙?

淘宝、天猫店铺模块间隙是10px，只要掌握一点简单代码就可以解决这个问题。软件之家提醒，目前消除模块间隙只能限于两个自定义的模块，如果是官方的图片轮播、搜索店内宝贝、宝贝推荐等模块就无法与上一个模块消除10PX间隙了。

淘宝自定义间隔间隙消除代码

淘宝消除间隙代码如下：

div style=height:340px;width:1920px;

div class=footer-more- trigger style=width:1920px;height:360px;left:auto;top:auto;margin:0;padding:0;border:0;

div class=footer-more-trigger style=left:-485px;top:-20px;margin:0;padding:0;border:0;

a href=http://dollare.taobao.com/ target=_blankimg src=/d/file/9/102.jpg //a

/div

/div

/div

我们可以很清楚的看到红色代码中的就是修改和增加的部分，原来自定义模块的高度是360px，模块之间间隙是10PX，两个模块间隙就是20PX，所以，我们需要减掉20px，360-20=340，这个根据你们的实际尺寸来减。

另外增加一个css样式：footer-more-trigger 这个是淘宝自带样式，作用于模块的定位；再加上一段控制模块属性的代码：top:-20px;left:auto;padding:0;border:none;，这段代码加到内，其中：

top：-20px 是让模块向上移动20像素，所以上面提到为什么要减掉20px就是这个原因;

left:auto; 是让模块自动向左;

padding:0; 是防止一些浏览器自带padding的间距;

border:none; 是防止一些浏览器自带边框;

这样应该能够清楚了解了吧？

注意：这个是全屏效果图的设置。如果你是淘宝店的要改width:950px，还有left:0px; 绿色的代码就是要替换的代码，这段代码可以是一张图片，也可以是一个版面的切割图代码。例如，使用ps切割之后，会有一个html文件的，将里面的代码替换到上面的绿色代码中(body 之间的代码之间的代码)。最后记得修改 style=height:340px;width:1920px; 这里的高度。