天貓?zhí)詫氀b修怎么去掉間隙？天貓?zhí)詫毷醉摵驮斍轫摰拈g隙怎么去掉？

當(dāng)我們在天貓和淘寶裝修的時(shí)候時(shí)常會(huì)遇到這樣的問題，就是天貓和淘寶首頁自定義模塊之間不是完全重合的，有間隙，在詳情頁裝修時(shí)也出現(xiàn)了這樣的問題。這個(gè)間隙很可能不是我們想要的，那么淘寶裝修怎么去掉間隙，完成我們想要的設(shè)計(jì)效果呢?請(qǐng)接著看下去吧。

這個(gè)間隙的問題，就是去樣式管理那里關(guān)閉頁頭下距10像素。但是這個(gè)方法只是去掉導(dǎo)航和招牌的距離，詳情看下面的圖片教程吧!

我們今天教的可能與這個(gè)不一樣，需要有點(diǎn)代碼的基礎(chǔ)，下面就直入主題吧!!淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話，就必須要用到代碼。

我們可以很清楚的看到紅框中的就是修改和增加的部分，原來自定義模塊的高度是200px，我們需要減掉20px，200-20=180，這個(gè)根據(jù)你們的實(shí)際尺寸來減。

另外增加一個(gè)css樣式：class="footer-more-trigger" 這個(gè)是淘寶自帶樣式，作用于模塊的定位。

再加上一段控制模塊屬性的代碼：top:-20px;left:auto;padding:0;border:none;，這段代碼加到style=""內(nèi)，假如有些人的代碼是這種類型，那么就要增加為：

top：-20px 是讓模塊向上移動(dòng)20像素，所以上面提到為什么要減掉20px就是這個(gè)原因

left:auto; 是讓模塊自動(dòng)向左padding:0; 是防止一些瀏覽器自帶padding的間距border:none; 是防止一些瀏覽器自帶邊框。

教完了首頁自定義模塊要怎么去掉間隙，那么詳情頁自定義模塊的間隙如何去掉?一起來看看吧。

進(jìn)入寶貝編輯，編輯寶貝詳情，點(diǎn)擊右邊全屏模式修改，然后進(jìn)入源代碼編輯模式，找到兩張有間隙圖片所在位置，找到退應(yīng)的圖片在全屏模式下刪除掉對(duì)應(yīng)的p代碼。也可以把描述頁代碼復(fù)制出來 放到DW中，DW中點(diǎn)拆分點(diǎn)對(duì)對(duì)應(yīng)圖片位置，再到代碼處把開頭的刪除，把結(jié)尾的也直接刪除即可!

刪除完對(duì)應(yīng)的空格間隙直接點(diǎn)確定發(fā)布看就Ok了!這樣空白問題就解決了哦~還有一個(gè)大家問得比較多，就是為什么淘寶詳情頁右側(cè)有長條灰色點(diǎn)擊跳轉(zhuǎn)區(qū)域?那個(gè)是寶貝詳情頁的導(dǎo)航欄。

因?yàn)楹芏鄬氊愒斍轫撁娑己荛L，如果買家不愿意看下去的話，可以通過導(dǎo)航欄直接到達(dá)他想看的內(nèi)容。如果你是賣家，可以設(shè)置詳情頁導(dǎo)航的，比如設(shè)置個(gè)<寶貝尺寸>，買家在右邊這里可以看到，點(diǎn)擊就直接可以到達(dá)尺寸那部分內(nèi)容了。設(shè)置在編輯寶貝--寶貝詳情頁編輯框右上角就有淘寶店鋪導(dǎo)航設(shè)置。

在裝修天貓?zhí)詫毜赇伒臅r(shí)候，怎么去掉間隙的教程就分享到這里了。出現(xiàn)這種情況就是上傳的時(shí)候系統(tǒng)會(huì)默認(rèn)加上一個(gè)間隙，自己手動(dòng)刪除一下就能解決了。怎么樣，是不是很簡單呢~

推薦閱讀：

淘寶裝修首頁添加自定義怎么操作？需要編輯代碼嗎？

淘寶裝修多少錢？淘寶裝修有什么技巧？

淘寶裝修有哪些禁忌？注意事項(xiàng)有哪些？

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

推薦閱讀：

淘寶代銷的產(chǎn)品是不是要簽授權(quán)確認(rèn)函，怎么操作？

淘寶店應(yīng)該如何獲得手淘流量？寶貝打標(biāo)是關(guān)鍵是什么？

淘寶直通車如何測款，應(yīng)該如何進(jìn)行優(yōu)化？

更多資訊請(qǐng)關(guān)注幕 思 城。