手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE Bug--浮动对象外补丁的双倍距离的解决方法
IE Bug--浮动对象外补丁的双倍距离的解决方法
摘要:TheIEDoubledFloat-MarginBugIEBug--浮动对象外补丁的双倍距离先看以下代码:#box{background:T...

TheIEDoubledFloat-MarginBugIEBug--浮动对象外补丁的双倍距离

先看以下代码:

#box{

background:ThreedFace;

width:500px;

height:400px;

}

#box1{

float:left;

background:#F2F2F2;

width:300px;

height:200px;

margin-left:50px;

}

Box在外面,Box1在里面,但在IE浏览器中Box1离左边的距离会是100px,而实际距离应是50px,演示。

解决的方法是,在box1的代码中加入:display:inline;,可使浮动被忽略,IE中不至于产生双倍距离,演示,更详细资料,可看这里。

【IE Bug--浮动对象外补丁的双倍距离的解决方法】相关文章:

span设CSS样式总是不起作用的解决方法

使用CSS中的meta实现web定时刷新或跳转的方法

让div旋转一定的角度方法

firefox中div+css的外层背景色不见的解决方法

IE6下图片下方有空间距的多种解决方法

CSS教程:闭合CSS浮动元素的几种方法

ie placeholder属性的兼容性问题解决方法

为不同的浏览器载入不同CSS的二种方法

chrome居中但ie不居中的解决方法

Ext Grid控件的配置与方法

精品推荐
分类导航