>多了乙隻豬
title
>
5head
>
6<
body
>
7<
div
style
="width:400px"
>
8<
div
style
="float:left"
>
div>910
<
div
style
="float:right;width:400px"
>↓這就是多出來的那只豬
div>
11div
>
12body
>
13html
>
1.ie6的bug
經測試，只有ie6中有文字溢位bug,ie7 8火狐正常。
2.與浮動有關
去除 中的「float:left;」，你會發現多出來的「豬」字不見了，頁面正常顯示。同樣去除 中的「float:right;」，多餘的「豬」字也同樣消失，頁面正常顯示。
3.與注釋「<---->」的位置有關
將注釋轉移到
前面，多餘的「豬」字消失，頁面正常顯示。將注釋轉移到 ↓這就是多出來的那只豬
下面，多餘的「豬」字也同樣消失，頁面正常顯示。
4.與固定寬度有關
去除 中的「width:400px」，多餘的「豬」字消失，頁面正常顯示。
5.溢位字數與注釋條數有關
增加注釋的條數：當1條注釋時，則多出來 1 個字；2 條注釋時，則多出來 3 個字；3 條注釋時，則多出來 5 個字……我們會從上面的規律中得到這樣乙個公式：溢位文字的字數=注釋的條數 *2-1，這裡的字數在中文或英文數字時都成立。當溢位的文字字數大於文字的字數時，文字區塊將會消失。
解決方法：
a.不放置注釋。最簡單、最快捷的解決方法
b.注釋不要放置於 2 個浮動的區塊之間
c.將文字區塊包含在新的 之間，如：↓這就是多出來的那只豬
d.去除文字區塊的固定寬度，與 3 有相似之處
IE6下溢位多餘文字
最近會經常碰到這麼個問題 下面把自己做後的總結整理下 方案1 原因 出現這種情況絕大多數都是與浮動有關係的。通常都是用這個方案解決的 解決思路 檢查下出現這種情況的容器 比如div 是否有用到浮動，並且，當前浮動是否有必要應用 如果即使不用浮動也可以達到效果話，就將浮動去除。或是，加乙個 clear...
IE6文字溢位BUG
在ie6下，浮動層之間有注釋文字的話，之前那個浮動層的內容文字就有可能遭遇乙個 的複製，但是 裡檢視文字可並沒有多出來。問題原因以及解決方法 原因 由注釋造成文字溢位，屬於ie6的bug，溢位文字的字數 注釋的條數 2 1，這裡的字數在中文或英文數字時都成立。注釋坐在位置與溢位位置 區塊的浮動以及文...
IE6文字溢位BUG
在ie6下，經常會產生一些靈異事件，比如 html 裡是 豬豬豬 但用ie6瀏覽時，頁面上會顯示 豬豬豬豬 莫名其妙地多出了一頭，ie6太 了，私自產豬。像這種情況在ie7，ie8，ff中是不存在的。發生條件一 css中用了float屬性,並且用了html注釋。豬豬豬怎樣消除這種邪氣呢？方法一 在父...