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

quanshiyinian

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

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

一般情况下，两个自定义模块发布后，都会有如上图的间隙。
使用如下代码，消除店铺自定义模块之间的10PX间隙：

1. <div style="height:344px;width:1920px;">
   
2. <div class="footer-more- trigger" style="width:1920px;height:364px;left:auto;top:auto;margin:0;padding:0;border:0;">
   
3. <div class="footer-more-trigger" style="left:-485px;top:-20px;margin:0;padding:0;border:0;">
   
4. <a href="http://item.taobao.com/item.htm?spm=a1z10.3.w4002-5114819895.23.tiev41&id=36581499806&scene=taobao_shop" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1927022064/T2qK7RXjRaXXXXXXXX-1927022064.jpg" /></a></div>
   
5. </div>
   
6. </div>

复制代码

说明：这张图片上364像素高，模块之间间隙是10PX，两个模块间隙就是20PX，所以，修改代码<div class="footer-more-trigger" style="left:-485px;top:-20px;margin:0;padding:0;border:0;">，中的top:-20PX（主要修改这个参数，-30，-40自己可以试试调节）,天猫一般是-10PX，根据实际情况，有的是-10PX，有的需要是-20px,
然后再修改<div style="height:344px;width:1920px;">，把原本高度为height:364PX;，修改为height:344px;

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！