IE中怎么会出现双倍边距?-DivCSS教程

来源:无忧整理 作者:Internet更新时间:2007-01-07点击:
  
  IE6.0环境中双倍边距BUG。先看下面的CSS代码。

div css xhtml xml Example Source Code Example Source Code [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 Source Code to Run Source Code to Run [www.mb5u.com]

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

解决BUG以后的效果:

div css xhtml xml Source Code to Run Source Code to Run [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]
相关DivCSS教程:
最新评论:
loading.. 评论加载中....
发表评论:不能超过250字节,请自觉遵守互联网相关政策法规.
  • 昵称: 验证: