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

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

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

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

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

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

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

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

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