久久精品2019中文字幕国语_欧美成人精品视频在线观看_台湾自拍偷区亚洲综合网_老色鬼在线精品视频在线播放

云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

在線qq:540105663

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)論)