云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話:0871-63215311

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

來源:昆明多彩網絡公司 日期:2011-01-04 閱讀: 發表評論

在ie6下有一個著名的bug,就是在給對象設置了float的時候,再設置其margin屬性就會出現雙倍的margin問題bug,解決辦法是給對象加上display:inline屬性就可解決。

IE6下有一個著名的margin雙倍bug,出現這個bug需要具備三個條件:

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

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

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

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

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

再次刷新網頁,在IE6下的margin雙倍的bug就消失了,注意,該bug只針對IE6有效。

發表評論評論列表(有 條評論)

網頁對話 0871-63215311
原创视频传到什么网站可以赚钱