手机
当前位置:查字典教程网 >网页设计 > 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--浮动对象外补丁的双倍距离的解决方法】相关文章:

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

CSS中文字体对应的英文写法

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

Input标签与图片按钮水平对齐解决方法

总结CSS简写方法

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

IE6 innerHTML写入的iframe src不显示BUG的解决方法

CSS盒模型制定网页的宽度和高度的原理

DIV下图片自适应解决方法

CSS:清除浮动的最优方法

精品推荐
分类导航