合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

【IE6的疯狂之四】IE6文字溢出BUG

日期:2013-12-13  来源:攀枝花惠康网络公司


激发这种BUG有几个前提

在IE6下使用浮动可能会呈现文字一再的情形.

在IE6下,浮动层之间有注释文字的话,之前阿谁浮动层的内容文字就有可能遭遇一个“隐形”的复制,可是代码里查看文字可并没有多出来。

看个例子:

XML/HTML代码
  1. <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  2. <html xmlns=“http://www.w3.org/1999/xhtml”>
  3. <head>
  4. <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312″ />
  5. <title>多了一只猪</title>
  6. </head>
  7. <body>
  8. <div style=“width:400px”>
  9. <div style=“float:left”></div>
  10. <!– _ –>
  11. <div style=“float:right;width:400px”>↓这就是多出来的那只猪</div>
  12. </div>
  13. </body>
  14. </html>

用IE6看一下,你会发现真的会多出一只“猪”!

问题原因以及解决体例:


由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然愫系。

解决法子:
1、不放置注释。最简单、最快捷的解决体例;
2、注释不要放置于2个浮动的区块之间;
3、将文字区块包含在新的<div></div>之间,如:<div style=”float:right;width:400px”><div>↓这就是多出来的那只猪</div></div>;
4、去除文字区块的固定宽度,与3有相似之处;
5、在后面加一个<br />或者空格;(不举荐)
6、使用IE注释名目,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
3.display为none的div也有可能激发此bug.
7、给盒子加position:relative;属性


test.jpg
1.是注释引起的,删除所有注释即可.

原因:
2.hidden的input直接放在form下.
2,3可以经由过程外面再包一次DIV解决

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;市,我们高效优质的网站建设服务深受用户好评。

客服?#35748;擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  客服QQ:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
?#26102;啵?/span>617200

合买大神 山东时时彩软件 杜塞尔多夫门兴 萨索洛森西 英雄联盟职业联赛 皇马vs埃瓦尔回放 福建福利彩票快3走势图 时时彩开奖号码记录 热刺足球俱乐部 09拜仁慕尼黑赛程安排 热血传奇1.76客户端