当满足第1种条件时，非浮动列里会沿着浮动列有个3px的缩进，直到浮动终止(如下图，注意在灰色的左边有3px的空间)。

如果要修复这个BUG，要完成两个步骤。

第一步，给非浮动列一个高度(height: 1px)。当完成这个步骤时，就满足了上面所说的第2个条件，非浮动列有固定的宽度或高度。这时3px的空间会出现在浮动列与非浮动列的中间，而不是非浮动列的里面(如下图，注意在橙色与灰色的交界处有3px的空间)。有的时候因为这3px的原因，会把灰色的列挤到橙色的列下面。

第二步，调整非浮动列的margin-left为0，然后调整浮动列的margin-right为-3px，将非浮动列拉回正确的位置。

经过上面两步的操作，这两个列在IE6下就能正确的显示了。然后用CSS hack的方法管理针对IE6的样式，确保所以浏览器显示正常。