当多个浮动
![](/icons/50453de.gif)
元素彼此跟随
![](/icons/50453dou.gif)
中间加注释
![](/icons/50453de.gif)
时候
![](/icons/50453dou.gif)
最后
![](/icons/50453yi.gif)
个浮动元素内
![](/icons/50453de.gif)
文本偶尔会复制到最下面去
![](/icons/50453dou2.gif)
学名Duplicate Characters Bug
![](\"http://www.zxbc.cn/Files/BeyondPic/2007-5/24/0752415592222304.g<img)
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run
[www.52css.com] =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]
可以通过以下
![](/icons/50453de.gif)
办法来解决:
1、不放置注释
![](/icons/50453dou2.gif)
最简单、最快捷
![](/icons/50453de.gif)
解决思路方法
2、注释不要放置于2个浮动
![](/icons/50453de.gif)
区块的间
![](/icons/50453dou2.gif)
3、将文字区块包含在新
![](/icons/50453de.gif)
<div></div>的间
![](/icons/50453dou.gif)
如:<div style=\"float:right;width:400px\"><div>↓这就是多出来
![](/icons/50453de.gif)
那只猪</div></div>
![](/icons/50453dou2.gif)
4、去除文字区块
![](/icons/50453de.gif)
固定宽度
![](/icons/50453dou.gif)
和3有相似的处
![](/icons/50453dou2.gif)
5、有
![](/icons/50453de.gif)
人在猪后加
![](/icons/50453yi.gif)
个<br />或者空格
![](/icons/50453dou.gif)
但只是消除现象
![](/icons/50453dou2.gif)
6、不要给浮动元素设置多宽度
![](/icons/50453dou.gif)
使其不会到达包含元素
![](/icons/50453de.gif)
底部
![](/icons/50453dou.gif)
或者对最后
![](/icons/50453yi.gif)
个元素设置margin-right: -3px;或者更小
![](/icons/50453dou2.gif)
7、注释可以这样写:<!--[
![](/icons/50453if.gif)
!IE]>Put your commentary in here...<![end
![](/icons/50453if.gif)
]-->
延伸阅读
最新评论