快速搜索
主页 > ag亚游vip|HOME > div+css/html >

IE Bug--浮动对象外补丁的双倍距离的解决方法

时间:2014-06-16 16:22来源:网络整理 作者:网络 点击:
分享到:
IE Bug--浮动对象外补丁的双倍距离的解决方法
The?IE?Doubled?Float-Margin?Bug??IEBug--浮动对象外补丁的双倍距离

先看以下代码:

#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中不至于产生双倍距离,演示,更详细资料,可看这里?。
精彩图集

赞助商链接