今天看到同事提交的bug,a页面右下角三个按钮在ie下显示地位置不一样。
有图右真相
ff下:
用ietester下测了下,发现在ie7,8显示都是和ff里一样的,而在ie6下三个按钮的位置就不是居中而是明显偏右了。
呵呵,再一看源代码,发现购买这个按钮的样式是同时设置了float:left和margin-left:45px,呵呵,那估计就是双边距bug了。
总结:这个bug是ie6有名的双边距bug:同时为一个元素设置向一个方向偏移和对这个方向进行外边距设置,比如float:left,margin-left:45px;在其他浏览器下是显示正常的,在ie6下这个元素的margin-left确是==45*2=90px,解决方法是给元素设置display:inline;