常見前端Bug及其修復方法

2021-06-28 23:13:48 字數 1541 閱讀 3584

1、外雙邊距浮動bug

2、3px文字偏移bug

設定了浮動,這個bug就會在ie5和ie6之中顯現出來

修復這個bug:

1、給包含文字的元素設定任意高度,迫使元素擁有布局,這在表面上會消除文字偏移

2、需要將ie5-6/win上的外邊距重新設定為0

3、在浮動元素上設定乙個負的3px的右外邊距

如果支援ie5.x則:

如果支援ie6則:

3、ie6的重複字元bug

描述:在某些情況下,一系列浮動元素的最後幾個字元會在浮動元素下面重複出現,當在一系列浮動元素的第乙個和最後乙個元素之間有多個注釋時,這個bug就會出現。前兩個注釋沒有影響,但是後續的每個注釋會導致兩個字元重複出現。所以,3個注釋會導致兩個重複字元,4個注釋會導致4個重複字元,5個則會導致6個出現

修復:設定負的右外邊距從最後乙個浮動元素上去掉3畫素,或者使容器擴大3畫素。但這個可能會導致ie7出問題,因此,避免這個bug最容易,最安全的方法是從html**中刪除注釋。

4、ie6的「藏貓貓」bug

bug出現條件:

乙個浮動元素後面跟著一些非浮動元素,然後是乙個清理元素,所有這些元素都包含在乙個設定了背景顏色或影象的父元素中。如果清理元素碰到了浮動元素,那麼中間的非浮動元素看起來消失了,隱藏到了父元素的背景顏色或者影象後面,只有重新整理頁面時才會重新出現。

修復:1、最容易的還去掉父元素的背景顏色或影象,但通常不可行

2、避免清理元素和浮動元素接觸,如果容器元素應用了特定的尺寸,那麼這個bug似乎就不會出現了

3、指定行高也可

4、將浮動元素和容器元素的position屬性設定為relative也會減輕這個問題。

5、相對容器中的絕對定位

出現原因:相對定位的元素沒有獲得ie/win的內部擁有布局屬性,因此,它們不會建立新的定位上下文,所有絕對定位元素相對於視口進行定位

修復:設定容器的高度和寬度(按需要,ie5-6可以使用條件注釋)

docker常見問題修復方法

解決 metadata目錄在docker info檢視 service docker stop service docker start 重啟docker伺服器後 遇到 device or resource busy 錯誤 如果有container在執行的時候重啟 docker 服務,可能會導致 c...

常見的U盤,記憶體卡修復工具及其修復方法

記憶體卡幾乎每天都得使用,使用率非常高,當然出錯或出毛病的時間也會很多。在平時使用記憶體卡的時候最容易出錯的幾點 1.記憶體卡讀不出來或不被識別的毛病 2.在你急需儲存資料的時候突然來個記憶體卡無法格式化讓你懊惱不已。3 莫名的出現檔案無法刪除 檔案變成亂碼,記憶體卡中病毒 讓你非常的惱火 下面是這...

css常見bug修復

雙外邊距 此bug出現在ie6和更低版本中,當乙個元素浮動時會出現雙倍的外邊距,加上display inline,可修復。3畫素文字移動 當文字與浮動元素相鄰時,此時需要給文字容器乙個高度。height 1 ie6重複字元 主要出現在html文件中浮動元素間有過多注釋,刪除注釋即可 浮動清理是使用o...