以下是网上看到的类似我遇到的例子：

 

看看下面这段网页代码，在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;”，你会发现多出来的“猪”字不见了，页面正常显示。
 

 

 

我的情况也是一样，我把float:left;去掉，ie6正常了，可是其他ie飞上去了，因为上面的都用了float，所以我要清楚浮动：overflow:hidden;