搜索:
首页 >> 网页设计 >> CSS/HTML >> IE下float产生双倍margin

IE下float产生双倍margin

2007-12-26 作者:soking 来源:soking'desk 网友评论投递文章

这个绝对是IE6的bug。我想要达到的是如下的效果。

通过三个div,排布好侧栏和内容区。

我用了如下的css:

[提示:你可先修改部分代码,再按运行]

然后在firefox下能够得到完美的结果,可是到了IE6里,却得到如下的结果:


box1和box2左侧的margin值实际上为20px,是原来的两倍。

解决方法:给box1和box2添加display:inline,这样就能在IE下也得到目标结果。

[提示:你可先修改部分代码,再按运行]

当减小box2的宽度或者增加box2的宽度,在IE下又出现了新的问题,就是box2的margin-bottom丢失了,活活被截断,如下图所示。这又是一个待解决的问题。而firefox下完全正常。天杀的IE,怎么总是IE出问题。


 

Tags:float  margin  ie  bug 
站长工具
Google 相关搜索查询:
相关文章
loading 请稍等,评论加载中...

学习Asp到Asp之家(Aspxhome.com)

闽ICP备09044667号-4