IE6下溢位多餘文字

2021-09-08 16:22:42 字數 1065 閱讀 9175

最近會經常碰到這麼個問題:

下面把自己做後的總結整理下:    方案1:原因:出現這種情況絕大多數都是與浮動有關係的。 [通常都是用這個方案解決的]        解決思路:  檢查下出現這種情況的容器(比如div)是否有用到浮動,並且,當前浮動是否有必要應用;如果即使不用浮動也可以達到效果話,就將浮動去除。或是,加乙個 "clear:both" 清除浮動。(像絕對定位以及浮動這些屬性,一般是能不用就不用,至於為啥俺說不出來,我是完全憑感覺做事的,事實證明我這麼做是正確的 )

方案3:     原因: 如果**是在form表單中的,檢查表單裡是否包含hidden標籤。    解決思路:    如果表單中包含hidden標籤,需要在hiddent標籤外加對

來把它包住。(具體原因不是很了解,只知hidden標籤不能直接在form裡顯示,如果實在解決不了這個ie6 bug時,不妨套用下試試)

方案4:    原因:用div將文字一層一層包住。   解決思路:          當把文字區域用div一層一層包住時,會驚奇滴發現:多餘的文字也在乙個乙個減少。但是這種做法超級笨,典型的治標不治本。  不建議使用。

方案5:    原因:在文字區域後加入' < br / >' 或 空格符。    解決思路:    通過在文字區域後加入換行符與空格符也會解決不顯示多餘文字的問題,不過同樣的,這個解決方案並不能根本的解決問題,因為它溢位的不是文字而是換行符或空格符,所以只要介面排版沒有影響 就看不太出來。

方案6:   原因:給文字區域加入 ' prostion : relative'屬性。   解決思路:  通過給容器設定prostion 也會解決這個iebug。

方案7:    原因: 浮動文字區域的容器有設定固定寬度。    解決思路:  將固定寬度去除,會很好的解決這個ie bug。

方案8:   原因:ie6 3px bug。  解決思路:      將容器固定寬度-3px; 或設定margin-right:-3px;   同樣會解決這個bug。(需要注意的是,更改寬度後是否會影響到排版)

呼...  上面一些總結很多是來於下面這個部落格,講解的很詳細: 

如果**中包含了注釋,可以嘗試下將注釋刪除後是否會正常顯示。               ( 

IE6文字溢位BUG

在ie6下,浮動層之間有注釋文字的話,之前那個浮動層的內容文字就有可能遭遇乙個 的複製,但是 裡檢視文字可並沒有多出來。問題原因以及解決方法 原因 由注釋造成文字溢位,屬於ie6的bug,溢位文字的字數 注釋的條數 2 1,這裡的字數在中文或英文數字時都成立。注釋坐在位置與溢位位置 區塊的浮動以及文...

IE6文字溢位BUG

在ie6下,經常會產生一些靈異事件,比如 html 裡是 豬豬豬 但用ie6瀏覽時,頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭,ie6太 了,私自產豬。像這種情況在ie7,ie8,ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬怎樣消除這種邪氣呢?方法一 在父...

IE6文字溢位BUG

在ie6下,經常會產生一些靈異事件,比如 html 裡是 豬豬豬 但用ie6瀏覽時,頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭,ie6太 了,私自產豬。像這種情況在ie7,ie8,ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬 怎樣消除這種邪氣呢?方法一 在...