怎樣查找頁(yè)面中的CSSbug

相信大家對(duì)于常見(jiàn)CSS BUG的處理已經(jīng)相對(duì)比較熟悉，例如：IE6 Three PixeLGap、IE5/6 Doubled Float-Margin Bug等等。但時(shí)常我們也會(huì)碰到復(fù)雜的CSS BUG問(wèn)題，所謂“復(fù)雜”實(shí)質(zhì)是指觸發(fā)的條件很復(fù)雜，而“BUG” 也并非指一定是瀏覽器的BUG 。對(duì)于此類問(wèn)題，我們首先要解決的是如何定位到問(wèn)題，只有快速的定位到問(wèn)題，才能更好的解決問(wèn)題。

對(duì)于快速定位，個(gè)人的經(jīng)驗(yàn)處理一般如下（基本可以定位到我在 淘寶 遇到的 90% 以上的復(fù)雜CSS BUG 問(wèn)題）：

1、檢查頁(yè)面的標(biāo)簽是否閉合

不要小看這條，也許折騰了你兩天都沒(méi)有解決的CSS BUG 問(wèn)題，卻僅僅源于這里。畢竟頁(yè)面的模板一般都是由開(kāi)發(fā)來(lái)嵌套的，而他們很容易犯此類問(wèn)題。

快捷提示：可以用 Dreamweaver 打開(kāi)文件檢查，一般沒(méi)有閉合的標(biāo)簽，會(huì)黃色背景高亮。

2、樣式排除法

有些復(fù)雜的頁(yè)面也許加載了N個(gè)外鏈CSS 文件，那么逐個(gè)刪除CSS 文件，找到 BUG 觸發(fā)的具體CSS 文件，縮小鎖定的范圍。

對(duì)于剛才鎖定的問(wèn)題CSS 樣式文件，逐行刪除具體的樣式定義，定位到具體的觸發(fā)樣式定義，甚至是具體的觸發(fā)樣式屬性。

3、模塊確認(rèn)法

有時(shí)候我們也可以從頁(yè)面的HTML元素出發(fā)。刪除頁(yè)面中不同的HTML模塊，尋找到觸發(fā)問(wèn)題的HTML模塊。

4、檢查是否清除浮動(dòng)

其實(shí)有不少的CSS BUG 問(wèn)題是因?yàn)闆](méi)有清除浮動(dòng)造成的。養(yǎng)成良好的清除浮動(dòng)的習(xí)慣是必要的，推薦使用 無(wú)額外HTML標(biāo)簽的清除浮動(dòng)的方法（盡量避免使用 overflow:hidden;zoom:1 的類似方法來(lái)清除浮動(dòng)，會(huì)有太多的限制性）。

5、檢查IE 下是否觸發(fā)Haslayout

很多的IE 下復(fù)雜CSS BUG 都與IE 特有的Haslayout 息息相關(guān)。熟悉和理解Haslayout 對(duì)于處理復(fù)雜的CSS BUG 會(huì)事半功倍。推薦閱讀 old9 翻譯的 《OnHaving layout》（如果無(wú)法翻越穿越偉大的 GFW，可閱讀 藍(lán)色上的轉(zhuǎn)帖 ）

快捷提示：如果觸發(fā)了Haslayout，IE 的調(diào)試工具IE Developer Toolbar 中的屬性中將會(huì)顯示Haslayout 值為 -1。

6、邊框背景調(diào)試法

故名思議就是給元素設(shè)置顯眼的邊框或者背景（一般黑色或紅色），進(jìn)行調(diào)試。此方法是最常用的調(diào)試CSS BUG 的方法之一，對(duì)于復(fù)雜 BUG 依舊適用。經(jīng)濟(jì)實(shí)惠還環(huán)保^^

最后想給大家強(qiáng)調(diào)一點(diǎn)的是，養(yǎng)成良好的書(shū)寫(xiě)習(xí)慣，減少額外標(biāo)簽，盡量語(yǔ)義，符合標(biāo)準(zhǔn)，其實(shí)可以為我們減少很多額外的復(fù)雜CSS BUG，更多的時(shí)候其實(shí)是我們自己給自己制造了麻煩。希望大家遠(yuǎn)離 BUG ，生活越來(lái)越美好。

當(dāng)前名稱：怎樣查找頁(yè)面中的CSSbug
轉(zhuǎn)載來(lái)源：http://muchs.cn/news14/321714.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)