欢迎访问 licqi IT技术
我们一直在努力

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

赞(0) 打赏
未经允许不得转载:licqi IT技术 » IE6浮动注释BUG
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏