以下是網上看到的類似我遇到的例子：
看看下面這段網頁代碼，在IE6下面居然會多出一個“豬”
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一隻豬</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!– –>
<div style="float:right;width:400px">↓這就是多出來的那隻豬</div>
</div>
</body>
</html>
覺得很有意思。于是在想到底是什麼原因造成的呢？便做了以下測試：
實驗代碼如下:
↓這就是多出來的那隻豬
提示：您可以先修改部分代碼再運作
1、在IE、FF中測試，隻在IE出現文字溢出現象。
說明：注釋造成文字溢出是IE的BUG。
2、去除<div style="float:left"></div> 中的“float:left;”，你會發現多出來的“豬”字不見了，頁面正常顯示。