溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關ie6出現錯位的情況有哪些，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
由于IE6的使用人群非常廣泛，這就導致所有的網站開發人員都得向IE6的網頁標準看齊。為了能讓網站在IE6下可以正常顯示，不知花費了多少開發人員的休息時間來加班調試。甚至有些網站干脆只針對IE6進行支持，使用其他瀏覽器瀏覽時會導致網頁錯位或者不響應等問題。
今天做了個項目，做到一半用瀏覽器測試了一下，所有瀏覽器都正常，就是ie6下錯位，css找了半天頭都大了，還是多出1像素，但是檢查所有都正常，郁悶，之后發現了ie6一般出現錯位的幾種情況（備用+分享）：
IE6錯位一般有兩種情況。
一種是，你把所有像素都填滿了，例如900px，你左，200，中500，右200，在其他都沒有問題，理論上也對，可是IE6不行。所以你必須得稍減到幾像素才可以，例如200+498+200，這樣可以解決這個問題，其實一般設計左右之間都有空。如果左右結構的話，一般是左邊200加一個空20再加上680，其實你只要設置左float:left,右float：right就行了。中間的20就留它去自行決擇，這樣左右錯位就解決了。
第二種就完全是你css設置的問題了。如果左中右結構 左中都設置成float：left,右設置成float:right，中和右的空可以不管，可是左中為了留空必須在中的css 里加上margin-left:10px才可以解決，切記一定要加上display:inline。否則在ie6下面，margin-left:10 px就變成20px;
一般情況下錯位都是由于上兩種原因造成的，也有的是可能因為都設置好寬度了，但里面的內容超過了這個寬度，你只要在個css加上over-flow:hidden.就行了。
現在的網站開發人員，為了支持所有瀏覽器的同時支持IE6， 添加的獨立代碼要達幾十甚至幾百行。為了兼容IE6，開發人員浪費了很多時間和精力。
看完上述內容，你們對ie6出現錯位的情況有哪些有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
