如何修復WordPress中內容錯誤下方的側邊欄


最近,我們的一位用戶向我們提出了一個問題:如何修復WordPress中內容錯誤下方的側邊欄。 這不是第一次,我們遇到了這個問題,因此我們決定寫一篇有關它的文章。 在本文中,我們將向您展示如何修復WordPress中內容錯誤下方的側邊欄。

為什麼我的補充工具欄降到我的內容下方?

側邊欄位於內容下方的原因是主題中存在HTML或CSS錯誤。

如何防止邊欄降到內容下方?

我們已為眾多用戶解決了此問題。 10次​​中有9次,原因是相同的。 頁面上有一個未封閉的div元素。 也可能是頁面上關閉了一個額外的div元素,這使得您的側邊欄似乎在wrap元素之外。 那麼這在英語中是什麼意思呢? 讓我們逐步解決它。

這是最近開始發生的事情嗎? 它僅發生在特定的帖子或頁面上嗎? 如果您的回答是“是”,那麼以下修復方法很適合您。

瀏覽您最近更改的所有內容。 您添加了插件嗎? 進行了與HTML相關的任何更改嗎? 您的特定帖子或頁面內容是否包含

在他們? 確保它們已正確關閉。 找出錯誤的最佳方法之一是使用W3驗證程序。

使用此圖表可以了解發生了什麼:

股利結構

如果您正在創建自定義主題,並且此問題正在發生,那麼可能會有一些問題。 我們已經在上面向您透露了一個問題。 其他幾個問題可能是:

寬度比例不正確。 如果您的容器寬度僅為960px,則必須保持比例。 例如,內容寬度為600像素,邊欄寬度為300像素,其間的邊距為60像素。

另一個問題可能是float屬性。 您必須確保添加float:left;。 浮動:有權使用適當的元素。 如果您不這樣做,那麼它將無法正常工作。

我們希望本文向您展示瞭如何解決WordPress中內容錯誤下方的側邊欄。