IE6下BUG 網頁多出乙個字 IE bug

2021-06-06 05:12:45 字數 903 閱讀 9380

看看下面這段網頁**,在ie6下面居然會多出乙個「豬」   

↓這就是多出來的那只豬

覺得很有意思。於是在想到底是什麼原因造成的呢?便做了以下測試:

實驗**如下:

1、在ie、ff中測試,只在ie出現文字溢位現象。

說明:注釋造成文字溢位是ie的bug。

2、去除

中的「float:left;」,你會發現多出來的「豬」字不見了,頁面正常顯示。

同樣去除 中的「float:right;」,多餘的「豬」字也同樣消失,頁面正常顯示。

說明:注釋造成文字溢位與區塊的浮動有關。

3、將注釋轉移到

前面,多餘的「豬」字消失,頁面正常顯示。

將注釋轉移到↓這就是多出來的那只豬

下面,多餘的「豬」字也同樣消失,頁面正常顯示。

說明:注釋造成文字溢位與其位置有關。(可與第2點結合理解)

4、去除中的「width:400px」,多餘的「豬」字消失,頁面正常顯示。

說明:注釋造成文字溢位與文字區塊的固定寬度有關(無論是絕對值還是相對值)。

5、增加注釋的條數:當1條注釋時,則多出來1個字;2條注釋時,則多出來3個字;3條注釋時,則多出來5個字……

我們會從上面的規律中得到這樣乙個公式:溢位文字的字數=注釋的條數*2-1,這裡的字數在中文或英文數字時都成立。

當溢位的文字字數大於文字的字數時,文字區塊將會消失。

說明:溢位的字數與注釋的條數有關。

由1和2的測試得知:注釋不要放置於2個浮動的區塊之間。

解決方法:

1、不放置注釋。最簡單、最快捷的解決方法,嘿嘿……

2、注釋不要放置於2個浮動的區塊之間。

3、將文字區塊包含在新的

之間,如:↓這就是多出來的那只豬

。4、去除文字區塊的固定寬度,與3有相似之處。

IE 中多出乙個字的 BUG

今天遇到乙個很奇怪的問題,在 ie 6 中檢視網頁,發現某個 li 的最後乙個字又在下一行出現了,但 中並沒有多出乙個字。這是 ie 6 的乙個 bug。我最終發現去掉了其上層上層容器的 float left 多出來的字就消失了,原因我不清楚。另外我整理了網上的一些文章,希望對您有幫助。不過我的 要...

乙個IE6下重複載入的BUG

上週接到乙個需求,有人反饋 的搜尋結果頁會對某些資源檔案進行重複不停地重新載入,問題嚴重。經過一系列排查,最終發現問題所在 ie6在window.onload 或模擬的domready 時執行指令碼,會引發一些cache的問題 問題1 test 背景圖會被重複載入 問題2 test 佔位圖會被載入三...

解決在IE6下文字溢位(多出一行字)的解決方法小結

這是注釋bug,經典的i程式設計客棧e bug。說明 注釋造成文字溢位是ie的dqqrxpbagabug,注釋造成文字溢位與其位置有關,注釋造成文字溢位與文字區塊的固定寬度有關,溢位文字的字數 注釋的條數 2 1,這裡的字數在中文或英文數字時都成立。當溢位的文字字數大於文字的字數時,文字www.cp...