ie6浮动元素之间注释,导致多复制一个文字问题

当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug


[img]http://dl2.iteye.com/upload/attachment/0090/5563/e5fbe70a-e73e-31a8-aafa-f5fefaf06f32.jpg[/img]


  可以通过以下的办法来解决:
   1、不放置注释。最简单、最快捷的解决方法
  2、注释不要放置于2个浮动的区块之间。
  3、将文字区块包含在新 的<div></div>之间,如:<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div>& lt;/div>。
  4、去除文字区块的固定宽度,与3有相似之处。
  5、有的人在猪后加一个<br />或者空格,但只是消除现象。
  6、不要给浮动元素设置多宽度,使其不会到达包含元素的底部,或者对最后一个元素设置margin- right: -3px;或者更小。
  7、注释可以这样写:<!--[if !IE]>Put your commentary in here...<![endif]-->
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值