css_ie6与ie8在调用float:left后margin不协调的调整

原型：<div style="float:left;margin-left:50px; background:red;width:50px; height:50px;" ></div>

在ie6与ie8中上面代码会让margin-left出现不协调：即ie6中margin-left值是ie8中margin-left的两倍（也是常规值的两倍）,

重点

这个Bug仅当浮动边界和浮动元素的方向相同时出现在浮动元素和容器盒的内边缘之间，在这之后的任意有着相似边界的浮动元素不会呈现双倍边界。只有特定的浮动行的第一个浮动元素会遭遇这个Bug。像居左的情况一样，双倍边界同样神秘地显示在居右的相同方式。

inline 默认。此元素会被显示为内联元素，元素前后没有换行符。

修改方法：添加－display:inline;

修改后：<div style="float:left;display:inline;margin-left:50px; background:red;width:50px; height:50px;" ></div>