[1]The IE5/6 Doubled Float-Margin Bug

名称:   IE5/6 浮动双margin

 

描述:   当左浮动元素设置左margin时,   左侧与容器接触的浮动元素margin在IE6中变为两倍(每一行中浮动方向相同的多个元素只有第一个元素会出现双margin),  此bug在IE7中已经修正

 

.floatbox {
  float: left;
  width: 150px;
  height: 150px;
  margin: 5px 0 5px 100px;
  /*This last value applies the 100px left margin */
  }

 

 

修复方法:   为浮动元素设置display为inline

 

总结:   根据w3c规范,   当元素浮动时即使display设置为inline,   其computed value也为block,  所有浏览器都遵守这一规范,   也就是说这种修复方法不会造成不良后果,  

 

source:  http://www.positioniseverything.net/explorer/doubled-margin.html