2、樣式排除法
有些複雜的頁面也許載入了 n 個外鏈 css 檔案,那麼逐個刪除 css 檔案,找到 bug 觸發的具體 css 檔案,縮小鎖定的範圍。
對於剛才鎖定的問題 css 樣式檔案,逐行刪除具體的樣式定義,定位到具體的觸發樣式定義,甚至是具體的觸發樣式屬性。
3、模組確認法
有時候我們也可以從頁面的 html 元素出發。刪除頁面中不同的 html 模組,尋找到觸發問題的 html 模組。
4、檢查是否清除浮動
其實有不少的 css bug 問題是因為沒有清除浮動造成的。養成良好的清除浮動的習慣是必要的,推薦使用 無額外 html 標籤的清除浮動的方法(盡量避免使用 overflow:hidden;zoom:1 的類似方法來清除浮動,會有太多的限制性)。
6、邊框背景除錯法
故名思議就是給元素設定顯眼的邊框或者背景(一般黑色或紅色),進行除錯。此方法是最常用的除錯 css bug 的方法之一,對於複雜 bug 依舊適用。經濟實惠還環保^^
最後想強調一點的是,養成良好的書寫習慣,減少額外標籤,盡量語義,符合標準,其實可以為我們減少很多額外的複雜 css bug,更多的時候其實是我們自己給自己製造了麻煩。希望你遠離 bug ,生活越來越美好。
css中zoom 1以及z index的作用
一 css中zoom 1的作用 在做ie6 ie7 ie8瀏覽器相容的時候,經常會遇到一些問題,可以使用zoom 1來解決,有如下作用 1 觸發ie瀏覽器的haslayout 2 解決ie下的浮動,margin重疊等一些問題。二 z index auto number auto遵從其父物件的定位 n...
css中zoom 1以及z index的作用
一 css中zoom 1的作用 在做ie6 ie7 ie8瀏覽器相容的時候,經常會遇到一些問題,可以使用zoom 1來解決,有如下作用 1 觸發ie瀏覽器的haslayout 2 解決ie下的浮動,margin重疊等一些問題。二 z index auto number auto遵從其父物件的定位 n...
CSS中zoom 1的作用 ,小標籤大作用
css中zoom 1的作用 相容ie6 ie7 ie8瀏覽器,經常會遇到一些問題,可以使用zoom 1來解決,有如下作用 觸發ie瀏覽器的haslayout 解決ie下的浮動,margin重疊等一些問題。比如,本站使用div做一行兩列顯示,html css h mainbox h mainbox h...