IE浮动2倍margin的问题
作者：cnvisc 发布时间：March 27, 2010 分类：前端 标签：: float, 2倍margin
当在对块状元素使用浮动定位的时候要注意一个问题，当元素的浮动方向跟margin方向一致的时候，在IE6下会出现了一个问题（bug），会出现2倍margin，比如你之前设置的是margin-left:5px；可是在IE6下页面展示出来的是margin-left:10px。
这个时候可以在浮动以后设置display:inline，使块状元素变成内联对象就可以解决了。
从这个bug得到以下体会：
1、以后尽量少使用浮动和margin相结合的方法。
2、或者使用其他填充方法。
3、或者让浮动与margin处于不同的方向。
PS：这是今天在完善一个页面的时候发现的一个bug，以前没碰到过，特此记录。
非常感谢。
这个应该是ie6下最典型的bug
防患于未然的方式就是所有的浮动都采用一个通用class处理
.l{float:left;display:inline;}
厄..