IT学习者 | 文章大全 | 技术文档 | 桌面壁纸 | 实用查询 | 网络电台 | 成语 | 歇后语 | 网址 | 下载 | 周公解梦 | 生日密码 | 电视剧365 | Flash
 您现在的位置: IT学习者 >> 文章大全 >> 网页制作 >> HTML&CSS

IE BUG,margin 两倍

【 来源:网络  更新时间:2008-4-11 | 字体:

<style>
#div_1 {
 background: #F00;
 overflow: auto;
 zoom: 1;
}
#div_2 {
 float: left;
 width: 100px;
 height: 100px;
 margin-left:100px;
 background: #FF0;
 /* display: inline;  */
}
</style>
<div id="div_1">
   <div id="div_2"></div>
</div>

触发条件:

1、父元素包含子元素
2、子元素设置了浮动(float)
3、子元素设置了外边距(margin)
4、浮动方向和边距方向一致

解决方法:

IE6下看,#div_2的左边距会变成200PX,解决方法就是给#div_2加上display: inline;

站长itlearner注:有些人会担心,加了display:inline会不会对页面有其它影响。一般来说不会有影响,可以放心的加上。因为当float时,display会自动设置为block的,而不管原先的设置,display:none除外。

相 关 文 章
相 关 软 件
逃生 放生 黄玫瑰 想太多 那滋味 擦肩而过 放手去爱 北京欢迎你 依然在一起 吻得太逼真 感动天感动地 坐上火车去拉萨 怎么会狠心伤害我
心碎 冲动 小太阳 别碰我 蒲公英 千山万水 改变自己 一定要爱你 等爱的玫瑰 陷入爱里面 北极星的眼泪 最后一次的温柔 亲爱的那不是爱情
光荣 火花 坏女人 日不落 樱花草 为你写诗 独家记忆 夏天的味道 寂寞才说爱 忘不掉的伤 爱上你是个错 第三者的第三者 地球人都知道我爱你
假如 相思 是非题 有缘人 舍不得 我的答铃 死而无憾 外滩十八号 越爱越难过 123木头人 和寂寞说分手 爱上你是我的错 爱情里没有谁对谁错
加入收藏留言建议自助友情链接普通友情链接站长的Blog
版权所有   COPYRIGHT 2002-2008 ★IT学习者★ ALL RIGHTS RESERVED.