織夢(mèng)部分欄目側(cè)邊欄跑到文章列表下面解決方法

織夢(mèng)建站時(shí)文章列表頁，通常一側(cè)是文章列表頁面，一側(cè)是側(cè)邊欄sidebar，而有時(shí)候大部分文章列表顯示正常，突然有的欄目的文章列表中側(cè)邊欄跑到文章列表的下面，顯示不正常，模板都是調(diào)用的同一個(gè)，但有的列表正常，有的不正常，這有可能就是文章簡(jiǎn)介中包含html代碼導(dǎo)致的。

織夢(mèng)[field:description/]標(biāo)簽是用來調(diào)用文章簡(jiǎn)介用的，一般情況文章簡(jiǎn)介都是文字，但如果文章簡(jiǎn)介中添加html代碼，就可能導(dǎo)致網(wǎng)站布局混亂，這是織夢(mèng)文章簡(jiǎn)介的一個(gè)小bug，下面就講解一下這個(gè)bug出現(xiàn)的現(xiàn)象、原因和解決方法。

1、在文章列表中會(huì)經(jīng)常調(diào)用文章簡(jiǎn)介，正常的文章列表顯示如下圖，左邊是正常的文章列表，右邊是側(cè)邊欄sidebar。

2、而有時(shí)候文章列表頁的側(cè)邊欄會(huì)突然跑到文章列表的下面，

紅框表示為側(cè)邊欄sidebar的位置，不只跑到了文章列表的下面，而且還非?？孔?，都快看不到了。

如果所有欄目文章列表都出現(xiàn)了這個(gè)問題，那可能是你模板的問題。但如果是有的欄目文章列表頁面正常，有的文章列表頁面的側(cè)邊欄跑到下面了，那么這就有可能是你文章簡(jiǎn)介中包含html代碼的原因。

3、請(qǐng)注意一個(gè)細(xì)節(jié)，正常的文章列表中，每個(gè)文章模塊之間是有固定樣式，如下圖中，文章模塊之間有間隙。

但出現(xiàn)問題的頁面的列表樣式就發(fā)生變化，如下圖，間隙背景變了。

這其實(shí)就是有篇文章的簡(jiǎn)介中包含了像<table>這樣的html標(biāo)簽，而織夢(mèng)調(diào)用的簡(jiǎn)介中是可以解析html標(biāo)簽的，導(dǎo)致這篇文章簡(jiǎn)介的板塊代碼就發(fā)生混亂，而把下面的文章板塊都帶亂了，以至于側(cè)邊欄也跑到文章列表的下面了。

4、解決方法很簡(jiǎn)單，只要找到簡(jiǎn)介有html代碼的文章，把簡(jiǎn)介中的html代碼刪除就可以。

找這篇有問題的文章的方法也很簡(jiǎn)單，首先找到有問題的列表頁面，之后看哪一篇文章先發(fā)生的文章樣式變化，如下圖中《用美圖秀秀、光影****》這文章的簡(jiǎn)介就和下一文章嵌套了，說明文章《用美圖秀秀、光影****》的簡(jiǎn)介代碼混亂。

之后打開文章，高級(jí)參數(shù)——文章摘要，把其中的html代碼刪除，如下圖：

保存文章后，在重新生成一下欄目，再看看，問題就應(yīng)該解決了。

總結(jié)：因?yàn)榭棄?mèng)[field:description/]標(biāo)簽可以解析文章簡(jiǎn)介中的html代碼，所以不只是欄目列表中，在首頁或其他頁面的文章列表中，只要調(diào)用這個(gè)標(biāo)簽，都有可能會(huì)發(fā)生代碼混亂，所以建議站長(zhǎng)在編輯文章時(shí)，如上圖文章摘要的位置就不要加html代碼了。