IE6 重复字符的bug

  • 一个容器包含2两个具有“float”样式的子容器。
  • 第二个容器的宽度大于父容器的宽度，或者父容器宽度减去第二个容器宽度的值小于3。（说到3，这里稍微多说一句——IE7还修正了IE6中的一个bug，bug名字就叫做“3像素bug”）
  • 在第二个容器前存在注释（这也是为什么此bug也叫做“IE6注释bug”的原因）。
 <!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=utf-8" />
<meta name="Keywords" content="YES!B/S!,web标准,杨正祎,博客园,实例代码" />
<meta name="Description" content="这是一个简单YES!B/S!文章示例页面,来自杨正祎的博客,http://justinyoung.cnblogs.com/" />
<title>YES!B/S!文章示例页面</title>
</head>
<body>
<div style="width:200px;">
<div style="float:left;"></div>
<!-- 如果是IE6，你将多看到一个“影”字 -->
<div style="float:left;width:200px;">歌剧院的魅影</div>
</div>
</body>
</html>
posted @ 2008-09-02 17:08  echohqu  阅读(363)  评论(0)    收藏  举报