<div class="box1_1 fl mar"><span>块2</span> float:left marin_left:10px; </div>
<div class="box1_1 fl"><span>块3</span> float:left</div>
</div> 5.IE6文本产生3象素的bug
·浮动IE6文本产生3象素的bug时指挨着浮动元素的文本会神奇的被踢出去3像素，好像浮动元素的周围有一个奇怪的力场一样。如下图
firefox、IE7、IE8
IE6
代码：
<div class="box1 ">
<div class="box1_2">float:left;width:200px; height:100px; background-color:green;</div>
<div class="box1_3"> margin-left:200px; width:150px; height:100px; background-color:red;</div>
</div> 解决浮动IE文本产生3象素问题以下有两个方法
1.左边对象浮动，右边采用外补丁的左边距来定位 如下图
firefox、IE7、IE8、IE6代码：
<div class="box1">
<div class="box1_4">margin-right:-3px; float:left;width:200px; height:100px; background-color:green;</div>
<div class="box1_3">width:150px; height:100px; background-color:red;</div>
</div> 2.左边对象浮动，右边对象也浮动 如下图
firefox、IE7、IE8、IE6
代码：
<div class="box1 hidden">
<div class="box1_4"> float:left; width:200px;height:100px; background-color:green;</div>
<div class="box1_5"> float：left;width:150px; height:100px; background-color:red;</div>
</div> 6.IE6,IE7 中，底边距 bug
