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.ghpqjb.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注釋引起文字奇怪的復制
。