DuplicateCharactersBug在IE中的HTML注释引起文字希奇的复制

文章类别：div+css布局 | 发表日期:2008-9-26 11:13:43

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


　　可以通过以下的办法来解决：
　　　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]-->

上一篇：{教程}li中出现两个以上浮动时列表标记出现问题的解决办法 人气:4051
下一篇：{教程}关于条件注释的几个实例代码 人气:3912

div+css布局视频教程