ie6下出現(xiàn)雙倍margin bug的條件和解決辦法
來(lái)源：昆明多彩網(wǎng)絡(luò)公司 日期：2011-01-04 閱讀： 發(fā)表評(píng)論
在ie6下有一個(gè)著名的bug，就是在給對(duì)象設(shè)置了float的時(shí)候，再設(shè)置其margin屬性就會(huì)出現(xiàn)雙倍的margin問(wèn)題bug，解決辦法是給對(duì)象加上display:inline屬性就可解決。
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有效。
發(fā)表評(píng)論評(píng)論列表（有 條評(píng)論）