看看下面這段網頁**,在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...