问题描述：
只要你对任何一个盒子，比如一个<div>， 同时设置了下面的两条CSS：
float:left ; /*这里设置right也可以*/
margin:0 10px; /*注意这个bug仅对水平方向的margin有影响*/
那么你在 IE 6 中，查看这个网页，你会发现 这个盒子的水平margin并不是10像素，而是20像素。
这就是著名的水平margin加倍的问题了—— 一个浮动的盒子，在IE6中，水平方向margin会加倍。
解决方案：
在上面两条CSS的基础上，增加一条：
float:left ; /*这里设置right也可以*/
margin:0 10px /*注意这个bug支队水平方向的margin有影响*/
display:inline; /*这条是新增加的*/
这样就没有问题了。至于原因，说不清楚，但是这是一个久经考验的解决方法，可以放心使用。