这个是一个HTML 4.0的在IE下渲染得BUG,比较恶心. 不信,把一下这个短代码放到IE下看看,看到了什么?多了个"C",呵呵,很见鬼吧.
当然了,在HTML 4.0下是不允许<style>出现在<Body>中的.最后这个渲染问题是为什么,还请达人们解释.
用XHTML 1.0也显示不出来效果
参考文章:
IE7的web标准之道——4：（修正）歌剧院魅影bug
注释在IE中造成文字溢出的研究
Explorer 6 Duplicate Characters Bug
当然了,在HTML 4.0下是不允许<style>出现在<Body>中的.最后这个渲染问题是为什么,还请达人们解释.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE></HEAD>
<BODY>
<DIV style="WIDTH: 168px;">
<div style="float:left;"></div>
<STYLE type="text/css"></STYLE>
<DIV style="WIDTH: 100%;FLOAT: left;">ABC</DIV>
</DIV>
</BODY></HTML>
这段代码删除任何一个标签都会显示不出这个BUG效果<HTML><HEAD><TITLE></TITLE></HEAD>
<BODY>
<DIV style="WIDTH: 168px;">
<div style="float:left;"></div>
<STYLE type="text/css"></STYLE>
<DIV style="WIDTH: 100%;FLOAT: left;">ABC</DIV>
</DIV>
</BODY></HTML>
用XHTML 1.0也显示不出来效果
参考文章:
IE7的web标准之道——4：（修正）歌剧院魅影bug
注释在IE中造成文字溢出的研究
Explorer 6 Duplicate Characters Bug
