许斌斌的博客

IE浮动2倍margin的问题

作者:cnvisc 发布时间:March 27, 2010 分类:前端

当在对块状元素使用浮动定位的时候要注意一个问题,当元素的浮动方向跟margin方向一致的时候,在IE6下会出现了一个问题(bug),会出现2倍margin,比如你之前设置的是margin-left:5px;可是在IE6下页面展示出来的是margin-left:10px。

这个时候可以在浮动以后设置display:inline,使块状元素变成内联对象就可以解决了。

从这个bug得到以下体会:

1、以后尽量少使用浮动和margin相结合的方法。
2、或者使用其他填充方法。
3、或者让浮动与margin处于不同的方向。

PS:这是今天在完善一个页面的时候发现的一个bug,以前没碰到过,特此记录。