网页注释在ie中产生文字溢出

《网页注释在ie中产生文字溢出》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、★精品文档★网页注释在IE中产生文字溢出　　实验代码如下:<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”<htmlxmlns=“http://www.w3.org/1999/xhtml”<head<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/<title多了一只猪</title</h

2、ead<body<divstyle=“width:400px”<divstyle=“float:left”</div<!----<divstyle=“float:right;width:400px”↓这就是多出来的那只猪</div</div</body</html提示：您可以先修改部分代码再运行2016全新精品资料-全新公文范文-全程指导写作–独家原创17/17★精品文档★1、在IE、FF中测试，只在IE出现文字溢出现象。说明：注释造成文字溢出是IE的BUG。2、去除<divstyle=“float:left”<

3、/div中的“float:left;”，你会发现多出来的“猪”字不见了，页面正常显示。<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”<htmlxmlns=“http://www.w3.org/1999/xhtml”<head<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/<title多了一只猪&l

4、t;/title</head<body<divstyle=“width:400px”<div</div<!----<divstyle=“float:right;width:400px”↓这就是多出来的那只猪</div2016全新精品资料-全新公文范文-全程指导写作–独家原创17/17★精品文档★</div</body</html提示：您可以先修改部分代码再运行同样去除<divstyle=“float:right;width:400px”中的“float:right;”，多余的“猪”字也同样消失，页面正常显示。&l

5、t;!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”<htmlxmlns=“http://www.w3.org/1999/xhtml”<head<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/<title多了一只猪</title</head<body<divstyle=“width:

6、400px”<divstyle=“float:left”</div<!----<divstyle=“width:400px”↓2016全新精品资料-全新公文范文-全程指导写作–独家原创17/17★精品文档★这就是多出来的那只猪</div</div</body</html提示：您可以先修改部分代码再运行说明：注释造成文字溢出与区块的浮动有关。3、将注释转移到<divstyle=“float:left”</div前面，多余的“猪”字消失，页面正常显示。<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML

7、1.0Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”<htmlxmlns=“http://www.w3.org/1999/xhtml”<head<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/<title多了一只猪</title</head