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

admin

大部分店长在装修时可能会遇到这样一个问题：淘宝店铺模块之间如何去掉两个模块之间的间隙？特别是我们在将设计好的大幅版面分段切割好，想放在不同自定义模块里面，这时我们需要想办法消除自定义模块之间的间隙了。

淘宝、天猫店铺模块间隙是10px，只要掌握一点简单代码就可以解决这个问题。

提醒，目前消除模块间隙只能限于两个自定义的模块，如果是官方的图片轮播、搜索店内宝贝、宝贝推荐等模块就无法与上一个模块消除10PX间隙了。

如图

如下图示范代码

1. <blockquote><div class="panelsdiv" style="height:600px;"><div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:50%;top:auto;border:none;padding:0;margin:0;line-height:1.5;"><div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:-960px;top:auto;border:none;padding:0;margin:0;line-height:1.5;"><table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td><div><img src='http://img.alicdn.com/imgextra/i1/2032829039/TB24UxAcpXXXXaBXpXXXXXXXXXX-2032829039.jpg' usemap='#Map_56dce5c52009a' /><map name='Map_56dce5c52009a'><area shape='rect' coords='528,0,845,222' href='http://www. ' target='_blank' title='' /><area shape='rect' coords='1054,157,1479,561' href='http://2. ' target='_blank' title='' /></map></div>

复制代码

把代码中的

1. top:auto;

复制代码

改成:

1. top:-20px;

复制代码

说明：这张图片上600像素高，模块之间间隙是10PX，两个模块间隙就是20PX，所以，修改代码top:auto;中的top:-20PX（主要修改这个参数，-30，-40自己可以试试调节）,天猫一般是-10PX，根据实际情况，有的是-10PX，有的需要是-20px,
最终效果: