论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

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

文章类别:HTML | 发表日期:12-07-23

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、去除文字所在元素宽度

视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058