Ie6下css注释造成浮动层文字溢出 - 一只人的异想世界：关注生活，关注网络

Ie6下css注释造成浮动层文字溢出2010-04-29

分类：前端开发 2,409次浏览 4条评论

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>多了一只猪</title> </head> <body> <div style="width:400px; height:100px;"> <div style="float:left; width:200px; height:100px; background:#CCC;"></div>  <div style="float:right;width:200px; height:100px; background:#BCBCDE;">↓这就的那只猪</div> </div> </body> </html>

提示：你可以先修改部分代码再运行。

点击运行查看具体BUG

用IE6看一下，你会发现真的会多出一个字“块”！由注释造成文字溢出，属于IE6的BUG

1、不放置注释。最简单、最快捷的解决方法；
2、使用IE注释格式，如：
3、给盒子加position:relative;属性

这只是其中的几个比较方便的方法！

转载文章请保留博客名称及本文链接，谢谢合作！转载已注明非原创文章请注明原文地址及本博客相关信息。

4条评论 »

127 说道：

2010-06-03 8:32 上午

给你回访了

回复
微酷说道：

2010-06-03 1:38 上午

IE6直接K掉算了，在他下面出问题也不用在意。

回复
31165淘宝导购说道：

2010-05-09 10:34 上午

也遇到这种情况，也是一种解决办法

回复
卢松松说道：

2010-04-29 5:21 下午

还需要细细研究下

回复

一只人的异想世界：关注生活，关注网络

Ie6下css注释造成浮动层文字溢出2010-04-29

相关日志 »

4条评论 »

发表评论 »

最新评论

热门文章排行

博客管理