HTML注释代码引起的IE6浮动的bug

2012-07-23 00:29:01  来源:网页教学网 

网页制作Webjx文章简介:IE6浮动注释BUG.

在IE6里面DIV 与DIV之间或者是SPAN与SPAN标签之间由于浮动 并且在这些标签之间有一些HTML注释代码,这样在IE6里面浏览的时候就会出现最后一个浮动的元素里面的字符会被复制出去并显示在元素的外面

效果图

这一段是代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> HTML注释代码引起的IE6浮动的bug——webjx.com </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">

div {

width:100%; float:left;

}
</style>
</head>

<body>

<div>

<div>我是中国人</div>

<div>我是中国人</div>

<!--我是中国人-->

<div>我是中国人</div>

<div>我是中国人</div>
</div>
</body>
</html>

解决方案

1删除注释

2将注释放在最前面或者是元素的后面

3使用CSS HACK 在样式里面添加_position:relative;

4去除文字所在元素宽度

更多