IE6 float:left margin-left出现两倍像素

首先，我们需要了解以下几点：

1. 浮动元素具有块级盒子的特性，可以清除其前面的行内元素，但是它的外边距可能会和其他元素的外边距叠加。
2. IE6对浮动元素的解析方式与现代浏览器不同，可能会出现问题。

具体解决方案如下：

1.清除浮动，使用clear:both

在IE6浏览器中，float:left元素的左边距可能会变成两倍。这是由于浮动元素与其他元素的外边距叠加导致的。

为了解决这个问题，可以在浮动元素的容器中插入一个空元素，并为其设置clear:both，使其清除前面的浮动元素。

例如，以下代码中，为浮动元素容器添加了一个clear:both的空元素，就可以解决这个问题：

<div class="container">
  <div class="element1">这是一个浮动元素</div>
  <div class="element2">这个元素的左边距会出现两倍</div>
  <div style="clear:both;"></div>
</div>

2.使用display:inline-block

另一种解决方案是使用display:inline-block来代替float:left。由于IE6不支持display:inline-block，所以需要使用以下方法：

.selector {
  display:inline-block; /*现代浏览器*/
  display:inline; /*IE6*/
  zoom:1; /*IE6*/
}

例如，以下代码中，已经为IE6浏览器添加了display:inline和zoom:1，就可以解决这个问题：

<div class="container">
  <div class="element1">这是一个浮动元素</div>
  <div class="element2" style="display:inline-block;display:inline;zoom:1;">这个元素的左边距会出现两倍</div>
</div>

总结：

以上两种方法都可以有效解决IE6浏览器中float:left元素的左边距出现两倍像素的问题。如果出现其他浮动元素的问题，可以类似地尝试解决。