css3技术

IE中怎么会出现双倍边距?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-29 10:16 我要评论( )

IE中怎么会出现双倍边距?,学习IE中怎么会出现双倍边距?,IE中怎么会出现双倍边距?,查看IE中怎么会出现双倍边距?,IE6.0环境中双倍边距BUG。先看下面的CSS代码

  
  IE6.0环境中双倍边距BUG。先看下面的CSS代码。

div css xhtml xml Example Source Code

Example Source Code []

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 []


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


解决BUG以后的效果:

div css xhtml xml Source Code to Run

Source Code to Run []


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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评