2011-08-16

IE6中float产生双倍margin的解决方案

1+

IE6的兼容性是网页制作中头疼的问题,IE6中用了float:left之后会导致出现margin-left双倍边距的BUG,这里分享一下IE6中float产生双倍margin的解决方案,收藏备忘。

比如我们需要浮动到左边并具有10px的边距,CSS代码如下:

.boxLeft {
	float:left;
	margin-left:10px;
}

在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说,在与浮动同方向的空白边会加倍。解决方法是加上:display:inline;

.boxLeft {
	float:left;
	margin-left:10px;
	display:inline;
}

以上代码可解决双倍margin的问题。

本文仅有一篇评论 ↓↓

  1. 收藏学习了!!ie真是万恶的浏览器。