无意用IE6访问了一下,发现网页在IE6下有字符重复了,出现IE6著名的鬼影BUG。

搜了一下,把它解决了,记一下。
这个BUG出现的条件是:
1.父元素的内部有多个浮动元素。
2. 最后一个浮动元素前有隐藏元素:包括html注释和display:none的元素
3.子元素的宽度和父元素相同,父元素的宽度减去子元素宽度小于3px
解决方法是:把浮动的子元素加上display:inline;属性
#content table.month { /* 月份锚链 */
width:610px;
height:36px;
margin-bottom: 20px;
background: #F6F6F6;
overflow: hidden;
display:inline; /* 解决IE6字符重复BUG */
}
对IE6这个BUG,下面这篇文章解释的挺详细,还不明白的可以看一下。
http://www.cnblogs.com/javashi/archive/2010/05/08/1730504.html