名称: IE5/6 浮动双margin
描述: 当左浮动元素设置左margin时, 左侧与容器接触的浮动元素margin在IE6中变为两倍(每一行中浮动方向相同的多个元素只有第一个元素会出现双margin), 此bug在IE7中已经修正
1 .floatbox { 2 float: left; 3 width: 150px; 4 height: 150px; 5 margin: 5px 0 5px 100px; 6 /*This last value applies the 100px left margin */ 7 }
修复方法: 为浮动元素设置display为inline
总结: 根据w3c规范, 当元素浮动时即使display设置为inline, 其computed value也为block, 所有浏览器都遵守这一规范, 也就是说这种修复方法不会造成不良后果,
source: http://www.positioniseverything.net/explorer/doubled-margin.html