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

|網頁對話|電話: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
新疆时时下载手机版 南昌小姐qq电话 陕西快乐十分开奖走 2019上证指数分析 股票的趋势怎么看 紫幻河南麻将下载苹果版 广东快乐10分助手软件下载 内蒙古快3 pk10一分赛车技巧图片 下载梦幻国际最新版 北京快三走势图100图 天津时彩 闲来麻将广东 黑龙江十一选五走势图表 今日股市最新消息上证指数上证指数最新年线图 腾讯分分彩组六杀号 姚记棋牌所有app