HTML教程:注释代码引起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——21.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、去除文字所在元素宽度
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |