DuplicateCharactersBug在IE中的HTML注释引起文字奇怪的复制_Div+CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶然会复制到最下面去。学名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]-->
代码调试框 [www.mb5u.com]
可以通过以下的办法来解决:
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]-->
相关Div+CSS教程:
- 相关链接:
- 教程说明:
Div+CSS教程-DuplicateCharactersBug在IE中的HTML注释引起文字奇怪的复制。