IE中怎么会出现双倍边距?_Div+CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  
  IE6.0环境中双倍边距BUG。先看下面的CSS代码。

示例代码 [www.mb5u.com]
div {
float:left;
margin-left:10px;
width:420px;
height:150px;
border:1px solid red
}

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

双陪边距的效果:

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

解决BUG以后的效果:

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

来源:无忧整理//所属分类:Div+CSS教程/更新时间:2007-01-08
相关Div+CSS教程