ie6下出現雙倍margin bug的條件和解決辦法
來(lái)源：昆明多彩網(wǎng)絡(luò )公司 日期：2011-01-04 閱讀： 發(fā)表評論
在ie6下有一個(gè)著(zhù)名的bug，就是在給對象設置了float的時(shí)候，再設置其margin屬性就會(huì )出現雙倍的margin問(wèn)題bug，解決辦法是給對象加上display:inline屬性就可解決。
IE6下有一個(gè)著(zhù)名的margin雙倍bug，出現這個(gè)bug需要具備三個(gè)條件：
1、瀏覽器為IE6，大于IE6的ie系列版本和火狐等其他瀏覽器不會(huì )出現這個(gè)情況。
2、對象設置了float屬性和寬度（可選），如.ILeft { float: left; width: 150px;}
3、對象設置了margin屬性，如.ILeft { float: left; width: 150px; margin-left: 15px}
以上的class為ILeft的層在IE6下瀏覽就會(huì )出現左邊距為30px的情況，而不是正常想象中的15px。
解決辦法是給對象的css屬性加上 display:inline 即可解決該bug，代碼：.ILeft { float: left; width: 150px; margin-left: 15px; display:inline}。
再次刷新網(wǎng)頁(yè)，在IE6下的margin雙倍的bug就消失了，注意，該bug只針對IE6有效。
上一篇：瀏覽器內核有哪些,它們有什么區別? 下一篇：搜索引擎到底是否存在人工干預?
發(fā)表評論評論列表（有 條評論）