ie6下出現(xiàn)雙倍margin bug的條件和解決辦法

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

IE6下有一個著名的margin雙倍bug，出現(xiàn)這個bug需要具備三個條件：

1、瀏覽器為IE6，大于IE6的ie系列版本和火狐等其他瀏覽器不會出現(xiàn)這個情況。

2、對象設(shè)置了float屬性和寬度（可選），如.ILeft { float: left; width: 150px;}

3、對象設(shè)置了margin屬性，如.ILeft { float: left; width: 150px; margin-left: 15px}

以上的class為ILeft的層在IE6下瀏覽就會出現(xiàn)左邊距為30px的情況，而不是正常想象中的15px。

解決辦法是給對象的css屬性加上 display:inline 即可解決該bug，代碼：.ILeft { float: left; width: 150px; margin-left: 15px; display:inline}。

再次刷新網(wǎng)頁，在IE6下的margin雙倍的bug就消失了，注意，該bug只針對IE6有效。