相信大家對于常見 css bug 的處理已經相對比較熟悉，例如：ie6 three pixel gap、ie5/6 doubled float-margin bug 等等。但時常我們也會碰到復雜的 css bug 問題，所謂“復雜”實質是指觸發的條件很復雜，而“bug” 也并非指一定是瀏覽器的 bug 。對于此類問題，我們首先要解決的是如何定位到問題，只有快速的定位到問題，才能更好的解決問題。

　　對于快速定位，個人的經驗處理一般如下(基本可以定位到我在 淘寶 遇到的 90% 以上的復雜 css bug 問題)：

　　1、檢查頁面的標簽是否閉合

　　不要小看這條，也許折騰了你兩天都沒有解決的 css bug 問題，卻僅僅源于這里。畢竟頁面的模板一般都是由開發來嵌套的，而他們很容易犯此類問題。

　　快捷提示：可以用 dreamweaver 打開文件檢查，一般沒有閉合的標簽，會黃色背景高亮。

　　2、樣式排除法

　　有些復雜的頁面也許加載了 n 個外鏈 css 文件，那么逐個刪除 css 文件，找到 bug 觸發的具體 css 文件，縮小鎖定的范圍。

　　對于剛才鎖定的問題 css 樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發樣式定義，甚至是具體的觸發樣式屬性。

　　3、模塊確認法

　　有時候我們也可以從頁面的 html 元素出發。刪除頁面中不同的 html 模塊，尋找到觸發問題的 html 模塊。

　　4、檢查是否清除浮動

　　其實有不少的 css bug 問題是因為沒有清除浮動造成的。養成良好的清除浮動的習慣是必要的，推薦使用 無額外 html 標簽的清除浮動的方法(盡量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動，會有太多的限制性)。

　　5、檢查 ie 下是否觸發 haslayout

　　很多的 ie 下復雜 css bug 都與 ie 特有的 haslayout 息息相關。熟悉和理解 haslayout 對于處理復雜的 css bug 會事半功倍。

　　快捷提示：如果觸發了 haslayout，ie 的調試工具 ie developer toolbar 中的屬性中將會顯示 haslayout 值為 -1。

　　6、邊框背景調試法

　　故名思議就是給元素設置顯眼的邊框或者背景(一般黑色或紅色)，進行調試。此方法是最常用的調試 css bug 的方法之一，對于復雜 bug 依舊適用。經濟實惠還環保^^

　　最后想給大家強調一點的是，養成良好的書寫習慣，減少額外標簽，盡量語義，符合標準，其實可以為我們減少很多額外的復雜 css bug，更多的時候其實是我們自己給自己制造了麻煩。希望大家遠離 bug ，生活越來越美好。