DuplicateCharactersBug在IE中的HTML注釋引起文字奇怪的復(fù)制_Div+CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　當(dāng)多個浮動的元素彼此跟隨，中間加注釋的時候，最后一個浮動元素內(nèi)的文本偶然會復(fù)制到最下面去。學(xué)名Duplicate Characters Bug

代碼調(diào)試框 [www.wf0088.com]

[ 可先修改部分代碼再運行查看效果 ]

可以通過以下的辦法來解決：
　　　1、不放置注釋。最簡單、最快捷的解決方法
　　　2、注釋不要放置于2個浮動的區(qū)塊之間。
　　　3、將文字區(qū)塊包含在新的<div></div>之間，如：<div style="float:right;width:400px"><div>↓這就是多出來的那只豬</div></div>。
　　　4、去除文字區(qū)塊的固定寬度，與3有相似之處。
　　　5、有的人在豬后加一個<br />或者空格，但只是消除現(xiàn)象。
　　　6、不要給浮動元素設(shè)置多寬度，使其不會到達(dá)包含元素的底部，或者對最后一個元素設(shè)置margin-right: -3px;或者更小。
　　　7、注釋可以這樣寫：