去除margin-left差异和display：inline一事

一、margin-left的产生和处理

1、默认情况，没有加float:left,ie6不会出现两倍

div(height:60px;width:360px;margin-left:20px;)

2、加了float:left（往往是为了一行里面放多个div的时候加的）,ie6下面会两倍

div(height:60px;width:360px;margin-left:20px;float:left)

3、光添加了display：inline；不出现差异,但是里面的div自动失了高度，不按块状的模式布局了

div(height:60px;width:360px;margin-left:20px;display:inline;)

4、同时添加了display：inline；float:left消除差异,同时保持了高度

div(height:60px;width:360px;margin-left:20px;display:inline;float:left)

5、若改为了display：inline-block；差异又出现，看来就是不能有block

div(height:60px;width:360px;margin-left:20px;display:inline-block;float:left)

二、inline、inline-block

1、默认span，定义高度和宽度没有反应

span(height:30px;width:320px)span(height:30px;width:320px)

2、添加了display：block,span换行了

span(height:30px;width:320px;display:block)span(height:30px;width:320px;display:block)

3、在2的基础上再添加float:left我们想要的效果出现了

span(height:30px;width:320px;display:block;float:left)span(height:30px;width:320px;display:block;float:left)

4、直接添加inline-block，无float：left的效果我们想要的效果出现了

span(height:30px;width:320px;display:inline-block)span(height:30px;width:320px;display:inline-block)