2018-01-07 16:09:22
淘宝模块间隙去除怎么操作?图文流程
很多卖家在进行店铺装修的时候，使用自定义模块做好一部分页面的时候，会出现模块上下产生间距的情况，如果你想要掌握去除间隙的方法，那就一定要跟随开淘小编去看看下面的这一篇文章哦!
解决的方法很简单，直接对照改就行了!首先，进入淘宝装修页面点击对应模块的“编辑”按钮!
进去之后点击“源码”的小图标
进去之后全是淘宝店铺装修代码，但不要怕，我们只要改一打开后的两个小地方，就是这两个地方!
首先，我们把第一行的 height 减去20px(小编这里是499，所以改成479)
其次，找到第四行的 top 写成 -20px(小编这里是auto，写成 -20px)
注：可能有很多地方都有top这个单词，其他不管，就只要改靠近尖括号的地方，一般会出现在第四行，有差别也是少数。
改好后点击 左下角 的“确定”
然后，点击“发布站点”
点击“确定”即可
最后，页面间距没有了!
淘宝模块之间的缝隙是淘宝系统默认存在的。如果想自己去掉空白间隙的话，就必须要用到代码。
例如：
我们可以很清楚的看到红框中的就是修改和增加的部分，原来自定义模块的高度是200px，我们需要减掉20px，200-20=180，这个根据你们的实际尺寸来减。
另外增加一个css样式：class="footer-more-trigger" 这个是淘宝自带样式，作用于模块的定位
再加上一段控制模块属性的代码：top:-20px;left:auto;padding:0;border:none;，这段代码加到style=""内，假如有些学员的代码是
这种类型，那么就要增加为：
top：-20px 是让模块向上移动20像素，所以上面提到为什么要减掉20px就是这个原因
left:auto; 是让模块自动向左
padding:0; 是防止一些浏览器自带padding的间距
border:none; 是防止一些浏览器自带边框
这样应该能够清楚了解了吧?
按照上面的步骤去进行操作，就可以轻松的解决模块间隙的问题啦!想要更加方便快捷，可以寻找一些实用的装修代码哦!如果你在进行店铺装修的过程中遇到了任何问题，欢迎上开淘网搜寻问题的答案哦~
相关推荐：
>> 查看更多相似文章
