ie6下出現雙倍margin bug的條件和解決辦法

來(lái)源：昆明多彩網(wǎng)絡(luò )公司 日期：2011-01-04 閱讀： 發(fā)表評論

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有效。