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

|網頁對話|電話: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
新疆时时下载手机版 淘宝什么冷门产品赚钱 沽空机构从哪赚钱 小学赚钱赔钱问题的ppt 28竞猜吧 广西快3开奖查询 c罗欧冠总进球数 手机棋牌送红包赚钱游戏 真棋牌游戏平台 捕鱼来了渔场怎么赚钱 evr鞋底做什么最赚钱 2019短网址赚钱 陕西11选5基本走势图 乐清十三水玩法 山东快乐扑克3遗漏 福利彩票软件官方软件 梦幻西游五开赚钱职业选择