在wordpress模板制作過程中，有一些貌似復雜的問題，其實只要確定了問題出現的位置，大多數都可以自行解決。
1.使用Firebug進行排查
1.1簡要介紹與安裝方法
Firebug是Firefox的一款插件，提供了一整套web開發所必需的工具。從HTML的編寫，到CSS樣式表的美化調優，以及…
所以我們首先要安裝Firefox浏覽器。
安裝好浏覽器後，選擇菜單欄上的“工具”菜單，點擊“附加組件”==>“獲取附加組件”
在輸入框中輸入“firebug”。等搜索結果出來後點擊Firbug鏈接進入Firebug的下載安裝頁面。
1.2使用方法
安裝完成後，在自己出錯的位置上，點右鍵==>查看元素，就可以找到出錯的樣式在什麼地方。
2、邊框背景調試法
2.1簡要介紹
如果頁面在IE下浏覽異常，在FF浏覽正常，就比較麻煩一點，這時候我們可以給元素設置顯眼的邊框或者背景，進行調試。
2.2使用方法
首先估計一下出錯的位置在那，在它的標簽上加style=”border:1pxsolid#000″，這樣就可以看到該模塊占了多少位置，是否在成長的范疇。
3、最大寬度最小寬度
3.1簡要介紹
在模板制作過程中，經常會出現側邊欄下沉的情況，通常都是content區域的寬度過多造成的，但並不絕對是。
3.2解決方法
遇到這種情況，我們可以先將content的寬度給成100或更小並添加overflow:hidden屬性，隱藏掉超出部分。如果寬度改小後，下沉問題解決。就可以判斷問題就是出現在這個元素上。之後可以改小margin-left、改小寬度、隱藏超出寬度的圖片什麼的，一點一點測試，調個完美版本的出來。（之前看到某同事，每次寬度減小10來測試，既然是測試，減小100不是更容易發現問題嗎？）
3、樣式排除法
有些復雜的頁面也許加載了N個外鏈CSS文件，那麼逐個刪除CSS文件，找到BUG觸發的具體CSS文件，縮小鎖定的范圍。
對於剛才鎖定的問題CSS樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發樣式定義，甚至是具體的觸發樣式屬性。
4、模塊確認法
有時候我們也可以從頁面的HTML元素出發。刪除頁面中不同的HTML模塊，尋找到觸發問題的HTML模塊。
