get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是css文字重复ie bug导致文字的奇怪复制，一起来学习了解下吧！
【 tulaoshi.com - Web开发 】
当多个浮动的元素彼此跟随，中间加注释的时候，最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）程序代码
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="//www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title多了一只猪/title
/head
body
div style="width:400px"
div style="float:left"/div
!-- --
div style="float:right;width:400px"↓这就是多出来的那只猪/div
/div
/body
/html
可以通过以下的办法来解决：
1、不放置注释。最简单、最快捷的解决方法
2、注释不要放置于2个浮动的区块之间。
3、将文字区块包含在新的div/div之间，如：div style="float:right;width:400px"div↓这就是多出来的那只猪/div/div。
4、去除文字区块的固定宽度，与3有相似之处。
5、有的人在猪后加一个br /或者空格，但只是消除现象。
6、不要给浮动元素设置多宽度，使其不会到达包含元素的底部，或者对最后一个元素设置margin-right: -3px;或者更小。
7、注释可以这样写：!--[if !IE]Put your commentary in here...![endif]--
资料引用:http://www.knowsky.com/441103.html
来源:https://www.tulaoshi.com/n/20160219/1621939.html
看过《css文字重复ie bug导致文字的奇怪复制》的人还看了以下文章 更多>>
