栏目列表
当前位置: 首页>>化学家园>>习题下载>>竞赛园地>>文章内容
解决IE6下出现的双倍间距
发布时间:2008-12-25   点击:   来源:我爱CSS   作者:未知
IE6.0环境中双倍边距BUG。先看下面的CSS代*。

Example Source Code
div { float:left; margin-left:10px; width:420px; height:150px; border:1px solid red }

这样设置以后。本来左边距设置为10px,但IE6.0解释为20px,这是一个比较头疼的问题。
但解决也非常简单。办法就是是加上display:inline。就搞定了。看下面的示例对比!

双陪边距的效果:

Source Code to Run
[可先修改部分代* 再运行查看效果]

解决BUG以后的效果:

Source Code to Run
[可先修改部分代* 再运行查看效果]
关闭窗口
打印文档
附件:

    主办单位:常州市新北区奔牛初级中学    苏ICP备10201501号-3
    地址:常州市新北区奔牛中天南路61号
    技术支持:新北区教师发展中心、常州万兆网络科技有限公司    访问统计