當我們在做淘寶店鋪裝修時，會時常碰到很多棘手的問題，如何消除各種模塊之間的空隙就是當中一個大問題。

我們這里說的間隙就是是兩個自定義區域中間的模塊，一般有10PX的間隙。

不要小看了那一點點10px的間距空隙，它極大的影響著整體裝修效果的連貫性，這點我一說可能大家都身有體會了。怎么看就怎么不順眼，那應該如何消除這些模塊之間的10px縫隙呢？

其實我們可以通過刪除代碼來刪除模塊空隙。具體如何操作我們來看裝修教程。

全屏通欄，全屏輪播，以及其他代碼模塊之間消除間隙，原理都一樣。

詳見下圖：

消除10PX間隙后的效果如下：

未消除10PX，默認有10PX間隙，如下：

在線生成全屏海報代碼（百度下有很多這樣的網頁工具），源代碼：破950限制通欄，未消除10PX源代碼，這里圖片高度是364PX

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

消除間隙后的代碼：

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

注意說明：這張圖片上364像素高，模塊之間間隙是10PX，兩個模塊間隙就是20PX，所以，修改代碼<divclass="footer-more-trigger"style="left:-485px;top:-20px;margin:0;padding:0;border:0;">，中的top:-20PX,天貓一般是-10PX，根據實際情況，有的是-10PX，有的需要是-20px,

然后再修改<divstyle="height:344px;width:1920px;">，把原本高度為height:364PX;，修改為height:344px;